/********************************************************************************* * SugarCRM is a customer relationship management program developed by * SugarCRM, Inc. Copyright (C) 2004-2010 SugarCRM Inc. * * This program is free software; you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License version 3 as published by the * Free Software Foundation with the addition of the following permission added * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS. * * This program is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along with * this program; if not, see http://www.gnu.org/licenses or write to the Free * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA * 02110-1301 USA. * * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road, * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com. * * The interactive user interfaces in modified source and object code versions * of this program must display Appropriate Legal Notices, as required under * Section 5 of the GNU Affero General Public License version 3. * * In accordance with Section 7(b) of the GNU Affero General Public License version 3, * these Appropriate Legal Notices must retain the display of the "Powered by * SugarCRM" logo. If the display of the logo is not reasonably feasible for * technical reasons, the Appropriate Legal Notices must display the words * "Powered by SugarCRM". ********************************************************************************/ /********************************************************************************* * Description: Contains a variety of utility functions used to display UI * components such as form headers and footers. Intended to be modified on a per * theme basis. ********************************************************************************/ /* @group Basic HTML Tags */ body { margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; background:#444; font-size: 12px; } input, select, textarea, button{ font-size: 12px; } fieldset, table, pre { margin-bottom:0; } p { margin-top: 0px; margin-bottom: 0px; } form { margin: 0px; } h1, h2 { margin: 0; font-weight: bold; font-size: 14px; color: #000000; } h3 { margin:0; margin-bottom: 3px; padding-top: 3px; font-size: 13px; color: #000000; } h4, h5 { font-size: 12px; color: #444; margin-bottom: 2px; padding-left: 4px; } textarea { font-family: Arial,Verdana,Helvetica,sans-serif; } button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] { padding:0px; } input[type=text], input[type=password],textarea { width: auto; } input[type=checkbox], input[type=radio] { border:0px; background-color: transparent; margin:0px 5px 0 0; vertical-align: bottom; } ul li { list-style-type: none; margin-left: 6px; margin-bottom: 2px; } ul { margin-top: 2px; margin-right: 0; } div.clear { height: 0; clear: both; visibility: hidden; font-size:0; } th, td { border: none; padding: 0; } a:link, a:visited, a:hover { color: #000; text-decoration: underline; } hr { border: 0; border-top: 1px solid #999; background-color: #999; color: #999; height: 1px; margin: 1em 0; clear: both; } embed { background: transparent; } /* @group button */ .button, button, input[type=submit], input[type=reset], input[type=button], table.monthHeader a, table.monthFooter a { height:25px; padding:0 10px; border:1px solid #AAA; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background:-moz-linear-gradient(top, #EDEDED, #CBCBCB); background:-webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CBCBCB) ); text-shadow:0 1px 0 #FFF; color:#333; cursor:pointer; text-decoration:none; } .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, table.monthHeader a:hover, table.monthFooter a:hover { color:#000; background:-moz-linear-gradient(top, #CBCBCB, #EDEDED); background:-webkit-gradient(linear, left top, left bottom, from(#CBCBCB), to(#EDEDED) ); text-decoration:none; } button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], button[disabled]:hover, input[type=submit][disabled]:hover, input[type=reset][disabled]:hover, input[type=button][disabled]:hover { height:25px; padding:0 10px; border:1px solid #AAA; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background:-moz-linear-gradient(top, #EDEDED, #CBCBCB); background:-webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CBCBCB) ); -moz-opacity:0.7; opacity:0.7; text-shadow:0 1px 0 #FFF; color:#333; } /* @end */ /* @end */ /* @group Common Styles */ .h3Row { vertical-align: middle; background-repeat: repeat-x; background-position: top; background:-moz-linear-gradient(top, #DDD, #EEE); background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(#EEE) ); padding:0 10px; border-top:1px solid #BBB; border-bottom:1px solid #CCC; } .h3Row td { padding: 4px 5px 3px 3px; } /* @end */ /* @group For JavaScript Libraries */ /* @group yui */ .buttonSlide { border: 0px; } .buttonSlide .yui-hd { border: 0px; background-color: transparent; padding: 0px; } .buttonSlide.yui-module .yui-hd .toggle em { background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_more.png); background-repeat: no-repeat; overflow:hidden; text-indent:9999px; float: right; overflow:hidden; text-align: right; height: 14px; width: 14px; } .buttonSlide.yui-module.yui-closed .yui-hd .toggle em { background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_less.png); } /* @end */ /* @group tinyMCE */ .mceToolbarTop { border-bottom:1px solid #CCCCCC !important; } /* @end */ /* @group overlib js library */ .olCapFontClass { font-weight: bold; color: #444; background-color: #dfdfdf; } .olCapFontClass A { color: #dfdfdf; font-size: 9px; } .olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass { background-color: #fff; padding: 5px 7px 7px 10px !important; line-height: 18px; } .olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass { border-bottom: 2px solid #EEE; background-color: #f6f6f6; padding: 5px 3px 3px 10px !important; } .olCgClass { padding: 0px; border: 0px; } #forecastsWorksheet .olBgClass td { padding: 0 !important; } .olCloseFontClass { padding-bottom: 1px; text-align: right; background-color: #dfdfdf; } .olBgClass { background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0 5px 9px rgba(0, 0, 0, .5); -moz-box-shadow:0 5px 9px rgba(0, 0, 0, .5); box-shadow:0 5px 9px rgba(0, 0, 0, .5); } div.olFontClass a:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } div.olFontClass a:last-child { border-bottom:none; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /* @end */ /* @group js calendar styles */ .calendar .button { height:20px; padding:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .calendar .nav { background:-moz-linear-gradient(top, #EDEDED, #CBCBCB); background:-webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CBCBCB) ); } .listViewCalCurrentAppt { background-color: #75AF4F; } .listViewCalOtherAppt { background-color: #4D5EAA; } .listViewCalConflictAppt { background-color: #AA4D4D; } .listViewCalCurrentApptLgnd { background-color: #75AF4F; border: 1px solid #444444; } .listViewCalOtherApptLgnd { background-color: #4D5EAA; border: 1px solid #444444; } .listViewCalConflictApptLgnd { background-color: #AA4D4D; border: 1px solid #444444; } /* @end */ /* @end */ /* @group Document Structure */ /* @group header (=side bar) */ #header { position:fixed; top: 0; left: 0; bottom:34px; width: 212px; overflow:hidden; background:#DEE4EB; border-right:1px solid #B4B4B4; z-index:101; } /* @group company logo */ #companyLogo { margin:0; padding:0; height:40px; border-bottom:1px solid #989898; overflow:hidden; } /* @end */ /* @group module list */ #moduleList > span, .headerList > span { font-size:12px; margin:0; padding:5px; font-weight:bold; color:#72829D; text-shadow:0 1px 0 #EEE; } #moduleList{ display: block; margin:5px 0 0 } #moduleList ul { list-style: none; padding: 0; margin: 0; color: #ccc; } #moduleList ul li { margin:0; display:block; padding:2px 6px 3px 15px; line-height:16px; height:16px; } #moduleList > ul > li { background-repeat:no-repeat; background-position:right top; } #moduleList > ul > li.noBorder { background-image: none; padding-right: 0; padding-left: 0px; margin-left: -2px; } #moduleList > ul > li#moduleTabExtraMenu { padding-left:16px; padding-right:20px; } #moduleList ul li.currentTab { background:-moz-linear-gradient(top, #66A5D8, #1570B7); background:-webkit-gradient(linear, left top, left bottom, from(#66A5D8), to(#1570B7) ); color:#FFF; font-weight:bold; border-top:1px solid #4E95CD; border-bottom:1px solid #0A6CB4; } #moduleList ul li.currentTab a:link, #moduleList ul li.currentTab a:visited { color:#FFF; } #moduleList ul li a:link, #moduleList ul li a:visited { text-decoration: none; padding:0 0 0 20px; background:no-repeat left; line-height:16px; height:16px; display:block; } #moduleList ul li a:hover { text-decoration: none; } /* @end */ /* @group last viewed and shortcuts lists */ .headerList { margin:10px 0 0; padding:0; vertical-align: middle; } .headerList a:link, .headerList a:visited, .headerList a { padding: 2px 0; white-space: nowrap; } .headerList ul { margin:0; padding:5px 5px 5px 15px; } .headerList ul li { margin:0; padding:2px 0; } /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */ .leftList ul { width: 100%; padding: 0px; border-top: 0px; margin: 0px 0px 10px 0px; color: #000; background: #f1f1f1; } .leftList ul li { list-style: none; margin: 0px; border: 0px; } .leftList ul li a { display: block; border: 0px; text-decoration: none; color: #444; text-align: left; padding: 3px 3px 3px 6px; } .leftList ul li span:hover a { text-decoration: none; } .headerList a:link, .headerList a:visited, .headerList a { text-decoration: none; font-size:12px; } .headerList a:hover span { text-decoration: underline; } /* @end */ /* @end */ /* @group main content */ div#content, body#Currencies.index div#content { border: 0; margin:40px 0 10px 213px; background:#F5F5F5; padding:15px; } div#content > table { width: 100%; border-collapse:collapse; } body.index div#content, body.ListView div#content { padding:0; } body.DetailView div#content, body.EditView div#content, body.UnifiedSearch div#content, body#Home.index div#content, body#Administration.index div#content { padding:0; background:none; } /* @end */ /* @group footer */ #footer { margin:0 0 90px 213px; padding:10px; } #copyright, #copyright a { color:#AAA; line-height:1.3em; } /* @end */ /* @group aqua bar top */ #aqua_bar_top { position:fixed; top:0; right:0; left:213px; height:40px; overflow:hidden; border-bottom:1px solid #989898; background:-moz-linear-gradient(top, #EDEDED, #CDCDCD); background:-webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CDCDCD) ); -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; z-index:100; } /* @group welcome and sitemap link */ #aqua_bar_top #sitemapLink, #aqua_bar_top #welcome { float:right; padding:0 10px; height:40px; line-height:40px; border-left:1px solid #CCC; } /* @end */ /* @group module title */ div.moduleTitle { height:0; margin:0; padding:0; } .moduleTitle img { border: 0; } .moduleTitle h2 { position:fixed; display: block; top:0; left:212px; height:32px; line-height:32px; padding:4px 10px; overflow:hidden; z-index:101; } .moduleTitle > h2 > img { display: none; } .moduleTitle h2 span.pointer { padding: 0px 8px; font-size: 18px; line-height: 16px; } /* @end */ /* @end */ /* @group aqua bar bottom */ #aqua_bar_bottom { position:fixed; bottom:0; right:0; left:0; height:33px; overflow:hidden; background:-moz-linear-gradient(top, #CBCBCB, #A7A7A7); background:-webkit-gradient(linear, left top, left bottom, from(#CBCBCB), to(#A7A7A7) ); border-top:1px solid #515151; z-index:102; } /* @group unified search */ #aqua_bar_bottom #search { position:absolute; left:30px; top:0; padding:4px 0 0; } #aqua_bar_bottom #search input[type=text] { padding:0 7px; height:20px; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:inset 0 1px 3px #333; -moz-box-shadow:inset 0 1px 3px #333; box-shadow:inset 0 1px 3px #333; } #aqua_bar_bottom #search input[type=submit] { border:1px solid #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:24px; } /* module to search : HUD style */ #aqua_bar_bottom table { position:fixed; bottom:37px; left:20px; width:300px; background:rgba(0,0,0,0.8); color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; box-shadow:0 1px 3px #000; } /* @end */ /* @group global links */ #aqua_bar_bottom #globalLinks { position:absolute; right:0; top:0; } #aqua_bar_bottom #globalLinks ul { list-style: none; padding: 0; margin: 0; } #aqua_bar_bottom #globalLinks ul li { float: left; display:block; margin:0; padding:5px 10px; } #aqua_bar_bottom #globalLinks ul li img { margin-bottom: 1px; margin-left:2px; cursor: pointer; cursor: hand; } #aqua_bar_bottom #globalLinks ul li:hover ul, #aqua_bar_bottom #globalLinks ul a:hover ul { visibility:visible; } /* @end */ /* display statistics in aqua bar bottom */ #statistics { position:fixed; bottom:0; left:250px; right:250px; padding:5px; height:23px; line-height:23px; color:#000; text-shadow:0 1px 0 #EEE; text-align:center; z-index:103; } /* @end */ /* @group aqua toolbar */ #aqua_toolbar { position:fixed; bottom:34px; right:0; left:213px; height:43px; background:#EDEDED; border-top:1px solid #898989; overflow:hidden; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; z-index:100; } /* @group left */ input#add_dashlets, table#cal_tabs { position:fixed; bottom:43px; left:230px; z-index:101; } /* action buttons (detail and edit view) */ table.actionsContainer, body#ACLRoles.DetailView form#form, body#ModuleBuilder div#mbfooter > div > div, body#Emails.index div.email > table, body#Import form#importstep1 > table:last-child, body#Import form#importstep2 > table:last-child, body#Import form#importstep3 > table:last-child, body#Import form#importlast > table:last-child, body#Administration.Updater form > table:not(.edit), body#Studio.wizard div#content > table > tbody > tr > td > table > tbody > tr > td > table:not(.edit), body#EmailMan.config form#EditView > table:not(.edit), body#Administration.ThemeSettings form > table { position:fixed; top:auto; bottom:38px; left:220px; right:200px; background:none; border:none; width:auto; z-index:101; } /* hide second button area (edit view and subpanel edit) */ ul#subpanel_list table.actionsContainer, div.actionContainer, ul#subpanel_list form#form_SubpanelQuickCreate_Contacts > table, form#EditView div.buttons, body#Administration.PasswordManager td > div > input, body#Configurator.EditView form > div, body#Administration.ThemeSettings form > table:last-child { display:none; } /* @end */ /* @group right */ .moduleTitle span.utils { display: block; position:fixed; bottom:34px; right:0; padding:3px 15px 8px; margin-top: 0; height:32px; overflow:hidden; z-index:102; } .moduleTitle span.utils a { height:32px; line-height:32px; text-decoration:none; } .moduleTitle span.utils a img { margin-left:10px; vertical-align:middle; } /* @end */ /* @end */ /* @end */ /* @group Views */ .view, table.view { margin:0; padding:10px 6px 12px 10px; width: 100%; background:#FFF; } .view tr td table, .view tr td table tr td { padding: 0; } .view tr td input[type=checkbox] { vertical-align: middle; } /* @group ListView */ div.listViewBody { background-color: #f6f6f6; } .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] { border-left: none; border-right: none; border-top: 1px solid #cccccc; background: #ebebed !important; } table.list { background:#FAFAFA; } .list tr.pagination td table td a:link, .list tr.pagination td table td a:visited, .reportGroupByDataChildTablelistViewThS1 a:link, .reportGroupByDataChildTablelistViewThS1 a:visited, .list tr th, .list tr th a:link, .list tr th a:visited, .list tr td[scope=col], .list tr td[scope=col] a:link, .list tr td[scope=col] a:visited, .list tr.pagination td table td span.pageNumbers { color: #444444; } .evenListRowS1 td { color: #000000; border-top: 1px solid #CCC; background:#EDF3FE; } .oddListRowS1 td { color: #000000; border-top: 1px solid #CCC; background:#FFF; } .evenListRowS1:hover td { background: #DEEAFD; } .oddListRowS1:hover td { background: #F6F6F6; } /* @group page numbers */ .pageNumbers { padding-right: 3px; padding-left: 3px; } .contentBox { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 0px 10px 0px 0px; margin: 10px 0 10px 0; } .contentBox td { padding-top: 0; } /* @end */ /* @end */ /* @group DetailView */ .detail h4 { font-weight: bold; margin: 0px; text-align: left; border: none; padding-top: 6px; padding-bottom: 6px; padding-left: 5px; margin-left: 0; background:#CCC; } .buttons { padding:5px 0 5px 5px; } .detail tr td { border: none; vertical-align: top; padding: 5px 6px 5px 6px; vertical-align: top; text-align: left; } .detail tr td[scope=row] { margin-top: 2px; margin-bottom: 10px; text-align: right; white-space:nowrap; } .detail tr td > li { margin-left: 1.5em; } .detail.view, .detail table, table.detail { padding: 0; width: 100%; } .detail > table { border-top:1px solid #CCC; } .detail tr.pagination td { padding-top: 4px; text-align: right; vertical-align: middle; } .detail table tr.pagination td { padding-bottom: 4px; } .detail td > table tr td { border: none; } .detail tr td[scope="row"] { color: #000000; background-color: #f6f6f6; border-color: #CCC; } .detail h4 { color: #444444; } .detail tr th { border-color: #CCC; } .detail tr td a:link, .detail tr td a:visited, .detail tr td a:hover { color: #0b578f; } .detail table, table.detail { padding: 0; } .detail > table > tbody > tr > td { border-bottom: 1px solid #CCC; background-color: #fff; } /* @group sub detail */ /* override some of the detail view styles for show more detail option (KBDocument detail view)*/ .detail td.subdetail{ padding:0px; border-bottom:medium none; } .detail td.subdetail table tr td{ padding: 5px 6px; } /* @end */ /* @end */ /* @group EditView */ .edit { } .edit > table { margin-bottom: 0px; padding: 3px 3px 3px 10px!important; } .edit h4 { text-align: left; margin-top: 0; padding-top:0; margin-top: 10px; padding-left:0; } .edit tr td { font-weight: normal; padding: 0 !important; vertical-align: top; padding: 3px !important; } .edit tr td[scope=row] { padding: 5px 5px 5px 7px !important; text-align: left; vertical-align: top; } .edit tr th { padding: 5px 5px 5px 7px !important; } table#tabFormPagination td, #tabFormPagination, #EditView > table#tabFormPagination.detail.view { border-bottom: none; margin-bottom: 0; } .edit tr td table, .edit tr td table tr td { padding: 3px 3px 3px 0 !important; padding: 0 !important; } table.edit.view { margin-top: 0; background-color: #f6f6f6; } .edit td[scope=row] { color: #444444; } #EditView hr{ border-color:#abc3d7; } .edit { color: #000000; } .detail .edit td { background-color: #fff !important; border-bottom: 0 !important; } /* @end */ /* @group other views */ .other { border: none !important; margin-bottom: 20px !important; padding: 0 !important; width: 100%; border-color: #abc3d7; background-color: #cbdae6; } .other td { font-weight: normal; padding: 4px 10px 4px 6px; vertical-align: middle; color: #444444; background-color: #ffffff; border-left-color: #dfdfdf; } .other td[scope=row] { padding: 4px 6px 4px 6px; white-space:nowrap; color: #000000; background-color: #fafafa; } .other .edit td { background: transparent !important; } .other .edit { margin-top: 0; color: #000000; background-color: #f6f6f6; } /* @group Special for Campaigns Wizard */ .other td.edit #wizard td { background: transparent; } .other td.edit #wizard h4 { padding-left: 0; margin-top: 0; } #wizard td { white-space: normal; word-wrap: break-word; } /* @end */ /* @end */ /* @end */ /* @group Panels */ /* @group search panel */ .search { padding:5px; } .search > table { padding: 0 !important; margin: 0; } .search td span { color:#444444; } .search td input[type=text], .search td input[type=password], .search td select { width: 150px !important; } /* Listview styles */ .list, .edit .list { padding: 0 !important; margin-bottom: 10px; } .list tr.pagination, .list tr.pagination td, .list tr.pagination td table { padding: 0; border: 0; margin: 0; } .list tr.pagination td table td { padding: 3px 7px 3px 5px !important; } .list tr.pagination td table td button { width: 25px; } .list tr.pagination td table td a:link, .list tr.pagination td table td a:visited, .reportGroupByDataChildTablelistViewThS1 a:link, .reportGroupByDataChildTablelistViewThS1 a:visited { font-weight: bold; text-decoration: none; padding: 2px 0px 3px 0px; } .list tr.pagination td table td a:hover, .reportGroupByDataChildTablelistViewThS1 a:hover { text-decoration: underline; } .list tr.pagination .buttons { padding: 2px 2px 2px 0 !important; } .list tr.pagination #selectCountTop { width: 5em; } .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] { font-size: 11px; font-weight: bold; text-align: left; padding: 4px 5px 4px 5px !important; border-left: none; border-right: none; white-space:nowrap; } .list tr td { vertical-align: middle; padding: 3px 8px 5px 5px !important; } .list tr.pagination td { padding: 0 !important; } .list tr td.odd { padding: 3px 8px 5px 5px; vertical-align: middle; } .list th a:link, .list th a:visited, .list td[scope=col] a:link, .list td[scope=col] a:visited { font-weight: bold; text-decoration: none; } .list th a:hover, .list td[scope=col] a:hover { text-decoration: underline; } .list tr.oddListRowS1 td, .list tr.evenListRowS1 td { white-space: normal; word-wrap: break-word; } .list tr.oddListRowS1 td[nowrap], .list tr.evenListRowS1 td[nowrap] { white-space: nowrap; word-wrap: normal; } .list td a.listViewTdToolsS1, .list tr td.nowrap { white-space: nowrap; word-wrap: normal; } .search_form { overflow: visible; text-align: left; } .search_form .view { width:99%; margin:0; } form#search_form > div { background:#FAFAFA; } /* @end */ /* @group subpanel */ ul.tablist, ul.subpanelTablist { list-style: none; padding:0; margin: 0; height:24px; border-bottom: 1px solid #666; } ul.tablist li, ul.subpanelTablist li { list-style: none; margin:0; padding:0; float:left; height:24px; } ul.tablist li a, ul.subpanelTablist li a { border-right: 1px solid #666; border-bottom: 1px solid #666; color:#FFF; text-shadow:0 1px 0 #000; margin:0; padding:0 15px; line-height:24px; height:24px; display:block; } ul.tablist li a.current, ul.tablist li a.current:hover { font-weight: bold; } ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover { font-weight: bold; background:#444; border-bottom: 1px solid #444; height:24px; } ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover { border: none; background: transparent; text-decoration: none; } ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited { text-decoration: none; } .subpanelTabForm { padding:0; } table.subpanelTabForm td { padding-bottom: 2px; padding-top: 0; } .subpanelTabForm p { margin-bottom:0; } .subpanelTabForm h3 { padding-left: 3px; } .subpanelTabForm .h3Row { padding-top: 2px; margin-top: 0; } .subpanelTabForm { margin-bottom: 10px; } #groupTabs { border-top:3px solid #595959; background:-moz-linear-gradient(top, #595959, #383838); background:-webkit-gradient(linear, left top, left bottom, from(#595959), to(#383838) ); } table.subpanelTabForm { border-top: 0px none; margin-bottom: 4px; } ul.subTabs { padding: 4px 0; margin: 0px 0 0 0; border: none; font: 12px Arial, Verdana, Helvetica, sans-serif; } ul.subTabs li { list-style: none; margin: 0; display: inline; } .activeSubTab, ul.subTabs li a.activeSubTab:link, ul.subTabs li a.activeSubTab:visited, ul.subTabs li a.activeSubTab:hover { font-weight: bold; } ul.subTabs li a { padding: 0 8px 0 8px; margin: 0px; border-right: 1px solid; border-bottom: none; text-decoration: none; } ul.subTabs li a:link, ul.subTabs li a:visited { text-decoration: none; } .subTabMore { font-size: 11px; text-decoration: none; padding-top: 3px; } ul.tablist li a.activeSubTab:hover { border-bottom-color: #ddd; color: #000000; } ul.subpanelTablist li a.activeSubTab:hover { color: #000000; } .subpanelTabForm .h3Row { border-top: 1px solid #dddddd; background-image: none; } .subTabs td { font-size: 12px; padding: 0 0.25em; } #MorePanelHandle { cursor: hand; cursor: pointer; display: inline; margin-left: 2px; margin-bottom: 2px; text-align: center; background: url('../../../../index.php?entryPoint=getImage&imageName=more.gif') no-repeat bottom left; color: #444; } /* @end */ /* @group scheduler */ #scheduler { margin:15px; padding:0; background:none; border:none; } #scheduler .schedulerDiv { color: #000000; text-align: left; width: 100%; background-color: #FAFAFA; border-collapse: collapse; border-bottom: 1px solid #999; } #scheduler .schedulerDiv table { width: 99%; border-collapse: collapse; margin:0 5px 10px; } #scheduler .schedulerDiv table tr td { height: 18px; border: 1px solid #dddddd; } #scheduler .schedulerDiv table tr.schedulerTimeRow td { border-left: 0; } #scheduler .schedulerDiv table tr.schedulerTimeRow td[scope=col] { border-left:1px solid #DDDDDD; padding-left:4px; } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td { background-color: #eeeeee; width: 15px; } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row] { overflow: hidden; padding-left: 4px; width: 125px; background: transparent; border-left: 0; } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime { border-left: 4px solid #75AF4F !important; background-color:#FFFFFF; } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime { border-left: 4px solid #ff0000 !important; } #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell { background: transparent; border-left: 1px solid #dddddd; padding-left: 4px; } #scheduler .schedulerInvitees { margin-top: 1em; } #scheduler .schedulerInvitees .tabForm { margin-bottom: 0; } #scheduler .schedulerDiv, #scheduler .schedulerInvitees { background:#FFF; } div#scheduler > div#list_div_win { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:10px; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 1px 2px 3px #000; box-shadow: 4px 3px 0 #000; padding:0; } /* @end */ /* @group gantt */ table.days { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } td.days { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 0px; border-right: 0px; } td.sunday { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 0px; } td.saturday { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 0px; border-right: 1px solid #dfdfdf; } td.date { width: 100%; padding: 0px; border: 0px; font-size: 10px; } tr.empty { height: 2px; } div.completed { background-color: #777777; float: left; width: 100%; line-height: 10px; margin-top: 4px; } div.inprogress { background-color: #002E4D; float: left; width: 100%; line-height: 10px; margin-top: 4px; } div.inprogress_bar { background-color: #ff0000; float: left; width: 100%; line-height: 10px; margin-top: 4px; } div.notstarted { background-color: #cccccc; float: left; width: 100%; line-height: 10px; margin-top: 4px; } div.indent_left { background-color: #000000; float: left; line-height: 10px; margin-top: 4px; } div.indent_bar { background-color: #000000; float: left; margin-top: 4px; } div.indent_right { background-color: #000000; float: right; line-height: 10px; margin-top: 4px; } #horizWrapper {position:relative; margin-left:60px;width:218px;float:left;} #horizBGDiv {position:relative; top:60px; background:url(../../../../index.php?entryPoint=getImage&imageName=horizBg.png) no-repeat; height:26px; width:218px;zindex:5 } #horizHandleDiv { position:absolute; left: 100px; /* the default position is the center of the bg */ top: 8px; /* force the image down a bit */ cursor:default; width:18px; height:18px; } /* @end */ /* @group dashlets */ #moduleDashlets h3,#chartDashlets h3,#toolsDashlets h3 { margin-top: 13px; } #dashletSearch table tr td input[type=button] { vertical-align: top; } .x-dlg-btns button.x-btn-text:hover, .x-dlg-btns .x-btn-focus button.x-btn-text { color: #000; } .sugarFeedDashlet { overflow:auto; max-height:375px; height:expression(this.scrollHeight>375?'375px':'auto'); } .sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col] { display:none; } .sugarFeedDashlet tr { height:auto; } /* Bug 33193 - Fixed several items in the sugarfeeds not correctly scrolling on IE7; added the *position:static CSS property on the following two rules, which will only be used on IE7 and IE6 */ .sugarFeedDashlet .byLineBox { width:100%; position:relative; *position:static; overflow: none; } .sugarFeedDashlet .yui-ac-input { *position:static !important; } .sugarFeedDashlet .byLineBox .byLineLeft { font-size:79%; float:left; } .sugarFeedDashlet .byLineBox .byLineRight { display:inline; float:right; font-size:79%; } .dashletPanel .hd .hd-center .dashletToolSet a{ padding: 0px 2px; } .dashletPanel .hd .hd-center .dashletToolSet a:last-child { padding-right: 0px; } /* @end */ /* @group dashlet and subpanel */ ul#subpanel_list, div#pageContainer { padding:5px 15px; } ul#subpanel_list > li.noBullet, div#pageContainer div.dashletPanel, div#scheduler div.schedulerDiv, div#scheduler div.schedulerInvitees { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:10px; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 1px 2px 3px #000; box-shadow: 4px 3px 0 #000; padding:0; background:#FFF; } ul#subpanel_list > li.noBullet table.h3Row, div#pageContainer div.dashletPanel table.h3Row { margin: 0; padding:0; background:#DEDEDE; width:100%; border-bottom:1px solid #CCC; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } ul#subpanel_list > li.noBullet table.h3Row h3, div#pageContainer div.dashletPanel table.h3Row h3, div#scheduler div.schedulerDiv h3, div#scheduler div.schedulerInvitees h3 { padding-left:6px; color:#333; } ul#subpanel_list > li.noBullet table.list, div#pageContainer div.dashletPanel table.list { background:none; } /* 下端を丸くするために必要 */ ul#subpanel_list > li.noBullet table.list > tbody > tr:last-child > td:first-child, div#pageContainer div.dashletPanel table.list > tbody > tr:last-child > td:first-child { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } ul#subpanel_list > li.noBullet table.list > tbody > tr:last-child > td:last-child, div#pageContainer div.dashletPanel table.list > tbody > tr:last-child > td:last-child { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } /* @group dashlet style adjustment */ div.dashletToolSet { margin-right:5px; } div.dashletNonTable { padding:2px 7px; } /* @end */ /* @group subpanel style adjustment */ div#scheduler div.schedulerInvitees table.edit { background:none; padding:0; } /* @end */ .list tr.pagination td table.paginationTable { border-top:1px solid #CCC; } /* @end */ /* @group sitemap */ #sitemap { width: 650px; display:none; z-index:9999; margin-right:1em; margin-top:2.5em; } #sitemap .edit.view { border: 2px solid; padding: 6px 6px 6px 16px; } #sitemap a:link, #sitemap a:visited { text-decoration:none; font-size: 11px; color: #444; } #sitemap a:hover, #sitemap h4 a:hover { text-decoration:underline; } #sitemap h4 a:link, #sitemap h4 a:visited { font-size: 13px; } #sitemap ul { margin-top: 5px !important; margin-left: 5px !important; } #sitemap ul li { margin-bottom: 5px !important; display: list-item; } /* @group sitemap link button */ #sitemapLink span { cursor:pointer; } #sitemapLink span img { cursor:pointer; margin-left: 2px; } /* @end */ /* @end */ /* @end */ /* @group Dialog & Popup */ /* @group dashlet dialog */ div#dashletsList { background:#F5F5F5; } div#dashletsList > div#moduleDashlets { padding:10px 10px 0; } div#dashletsList h3 { margin:0; } /* @end */ /* @group popup window */ body > table.formHeader, body > form > table.formHeader { background:#DEDEDE; margin:0; } body > div#addformlink { float:right; padding:10px 15px; } body > form#MassUpdate { background:#F6F6F6; border-top:1px solid #999; } body > form#MassUpdate > input.button { margin:10px 15px; } /* @end */ /* @group change log window */ body:not([id]) > table { background:#DEDEDE; } body:not([id]) > table > tbody > tr > td > div.moduleTitle { height:auto; } body:not([id]) > table > tbody > tr > td > div.moduleTitle > h2 { position:static; } body:not([id]) > table > tbody > tr > td > table:not(.list) { margin:5px; font-size:12px; } body:not([id]) .moduleTitle span.utils { position:static; float:right; margin-top:-30px; } /* @end */ /* @end */ /* @group Menu */ /* @group float menu */ .subDmenu { position:absolute; display:none; visibility:hidden; } .menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX, .menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link, .menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link { font-size: 13px; font-style: normal; line-height: 20px; color: #000; text-decoration: none; width: 120px; border-left: none; border-right: none; display: block; padding: 1px 5px 1px 7px; border-bottom: 1px solid #DDD; } .menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active, .menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active { color: #FFF; } .menuItemHilite { color:#FFF; background:-moz-linear-gradient(top, #628AF0, #2362ED); background:-webkit-gradient(linear, left top, left bottom, from(#628AF0), to(#2362ED) ); } .menuItemX { background-color:#CCCCCC; } .menuItemHiliteX { background-color:#999999; } .menu { position:absolute; display:none; visibility:hidden; background-color:#f6f6f6; z-index: 2; border: #999999 solid 1px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; } /* @end */ /* @group css dropdown menu */ ul.cssmenu { background-color:#F6F6F6; border:1px solid #999999; opacity:0.9; position:absolute; visibility:hidden; z-index:1; font: 12px Arial, Verdana, Helvetica, sans-serif; margin-top: 5px; } ul.cssmenu li { font-size: 11px !important; font-weight: normal !important; font-style: normal; line-height:18px; padding:1px 7px !important; border-bottom:1px solid #C0C0C0; float: none !important; display: block; margin:0 0.15em; } ul.cssmenu li:hover { background-color:#FFFFFF; color: #000; } ul.cssmenu li a { text-decoration: none; font-size: 11px !important; } /* @end */ /* @end */ /* @group Modules */ /* @group Activities & Calendar */ /* @group calendar */ body#Activities div#content > table > tbody > tr > td > div.moduleTitle h2, body#Calendar div#content > table > tbody > tr > td > div.moduleTitle h2 { display:none; } .monthFooter, .monthHeader { padding:7px; vertical-align: middle; background:-moz-linear-gradient(top, #DDD, #CCC); background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(#CCC) ); } .monthFooter { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .monthHeader { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } body#Activities div#content, body#Calendar div#content { background:none; padding:15px; } body#Activities table#daily_cal_table_outside, body#Calendar table#daily_cal_table_outside { -webkit-box-shadow:0 1px 5px #000; -moz-box-shadow:0 1px 5px #000; box-shadow:0 1px 5px #000; } /* @group calendar style */ .monthViewDayHeight { height: 100px; } .monthViewDayHeight td[scope=row] { padding: 5px; text-align:center; } .monthViewDayHeight td { vertical-align: top; padding: 3px; text-align: right !important; } .yearViewDayHeight { height: 40px; } .monthCalBodyDayItem { margin: 7px 0px 7px 0px; padding: 5px 0px 8px 0px; border-top: 1px solid; } .monthCalBodyDayItem td { vertical-align: top; } .monthCalBodyDayItem td img { padding-right: 3px; vertical-align: top; } .monthCalBody th { vertical-align: top; padding: 7px; height: 20px; font-weight: normal; } .monthCalBodyTH th { padding: 5px !important; border-bottom: 1px solid; font-weight: bold; } .monthCalBody td { padding: 5px; text-align: left; } .monthCalBody td div table td { text-align: left!important; } .monthCalBody { padding: 0; } .monthCalBody td.yearCalBody { padding: 0; margin: 0; } .yearCalBodyMonth { padding:5px 0 0 0 !important; text-align:center !important; } .yearCalBodyMonth #daily_cal_table { margin-top: 5px; } .yearCalBodyMonth > a { font-weight: bold; margin: 0px; padding: 5px; width: 100%; margin-bottom: 5px; text-decoration: none !important; } .yearCalBodyMonth > a:hover { text-decoration: underline; } .calSharedUser { height: 20px; padding-top: 5px; padding-left: 8px; margin-top: 0px; margin-bottom: 0px; border-top: 1px; } .monthCalBody { background-color: #abc3d7; } .monthHeader a:hover, .monthViewDayHeight a:hover { color: #0b578f; } .monthCalBodyTH th[scope=row], .monthViewDayHeight td[scope=row] { background-color: #ebebeb; } .monthCalBodyTH th { background-color: #fafafa; color: #444444; border-color: #abc3d7 !important; } .monthViewDayHeight td { border-color: #abc3d7; background-color: #ffffff; color: #444444; } .monthViewDayHeight td[class=weekEnd] { background-color: #f6f6f6; } .monthCalBodyDayItem { background-color: #ffffff; border-top-color: #abc3d7; border-bottom-color: #ddd; } .monthCalBody td { background-color: #fff; color: #444444; } .monthCalBody th a { color: #000000; } .yearCalBody { border: none; } .yearCalBodyMonth { background-color: #abc3d7 !important; border-top: 2px solid #4e8ccf; border-bottom: 2px solid #fff; } .yearCalBody .monthHeader { border: none; } .yearCalBodyMonth #daily_cal_table { border-top: #abc3d7; } .yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay { border-color: #abc3d7; } .yearCalBodyMonth > a { color: #000000; } h5.calSharedUser { color: #444444; } /* @end */ /* @group shared calendar */ body#Calendar table.formHeader { margin:0; padding:0; width:auto; background:none; border:none; width:100%; } body#Calendar table.formHeader td { padding:0; } body#Calendar table.formHeader h3 { color:#FFF; } body#Calendar table.formHeader a.tabFormAdvLink { color: #FFF; } /* @group popup */ body#Calendar div#shared_cal_edit > form { position:fixed; top:50px; right:15px; background:rgba(40,40,40,0.92); color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0 5px 8px rgba(0,0,0,0.5); -moz-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; } body#Calendar div#shared_cal_edit > form table { background:none; padding:0; border-collapse: collapse; } body#Calendar div#shared_cal_edit > form > table th { font-weight:normal; line-height:14px; padding:4px 0 2px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; /*border:1px solid rgba(255,255,255,0.3);*/ border-bottom:1px solid rgba(0,0,0,0.8); background:-moz-linear-gradient(top, #DDD, #CCC); background:-webkit-gradient(linear, 0% 45%, 0% 60%, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0.15)) ); color:#FFF; } body#Calendar div#shared_cal_edit .button { margin-bottom:3px; color:#EEE; height:20px; border:1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:-moz-linear-gradient(top, #DDD, #CCC); background:-webkit-gradient(linear, 0% 40%, 0% 60%, from(#444), to(#222) ); text-shadow:none; -webkit-box-shadow:0 1px 1px rgba(255,255,255,0.1), 0 1px 3px rgba(255,255,255,0.5) inset; -moz-box-shadow:0 1px 2px rgba(255,255,255,0.3); box-shadow:0 1px 2px rgba(255,255,255,0.3); } body#Calendar div#shared_cal_edit table.edit > tbody > tr > td { display:none; } body#Calendar div#shared_cal_edit table.edit > tbody > tr > td#shared_ids_td, body#Calendar div#shared_cal_edit table.edit > tbody > tr > td:last-child, body#Calendar div#shared_cal_edit table.edit > tbody > tr:last-child > td { display:table-cell; text-align:center; } body#Calendar div#shared_cal_edit table.edit > tbody > tr > td > a > img { margin-top:5px; } body#Calendar div#shared_cal_edit select#shared_ids { width:200px; height:200px; border:none; } /* @end */ /* @end */ /* @end */ /* @group task list */ body#Activities table table .moduleTitle, body#Calendar table table .moduleTitle { height:auto; margin-top:2px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:-moz-linear-gradient(top, #DDD, #CCC); background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(#CCC) ); -webkit-box-shadow:0 3px 3px #000; -moz-box-shadow:0 3px 3px #000; box-shadow:0 3px 3px #000; } body#Activities table table .moduleTitle h2, body#Calendar table table .moduleTitle h2 { display:block; position:static; line-height:27px; height:27px; font-size:13px; } body#Activities table table .moduleTitle h2 img, body#Calendar table table .moduleTitle h2 img { display:none; } body#Activities table.list, body#Calendar table.list { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow:0 3px 3px #000; -moz-box-shadow:0 3px 3px #000; box-shadow:0 3px 3px #000; } /* @end */ /* @end */ /* @group Administration & UnifiedSearch */ body#Administration.index div#content, body.UnifiedSearch div#content { padding:15px; } body#Administration.index iframe { display:none; } body.UnifiedSearch div#content form { margin:-27px -15px 0; } body#Administration.index table.h3Row, body.UnifiedSearch table.formHeader { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:#DEDEDE; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 1px 2px 3px #000; box-shadow: 4px 3px 0 #000; margin-top:0; } body#Administration.index table.h3Row h3, body.UnifiedSearch table.formHeader h3 { margin:0; } body#Administration.index table.view, body.UnifiedSearch table.list, body.UnifiedSearch td > h2 { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 1px 2px 3px #000; box-shadow: 4px 3px 0 #000; } body.UnifiedSearch td > h2 { background:#FFF; padding:3px; font-size:12px; font-weight:normal; font-style:italic; } /* for when "There were no results found." */ body.UnifiedSearch td > br + h2 { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:10px; background:#FDD; } body.UnifiedSearch td > h3, body.UnifiedSearch td > ul { color:#FFF; }unified search & administration /* @end */ /* @group Administration */ body#Administration.UpgradeWizard div#content > table > tbody > tr > td > table { font-size:12px; padding:0 0 5px; } body#Administration.UpgradeWizard_prepare div#license_div, body#Administration.UpgradeWizard_prepare div#readme_div, div#dashletsList > div#moduleDashlets { background:#FFF; padding:0 10px 10px; height:300px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow:inset 0 1px 3px #333; -moz-box-shadow:inset 0 1px 3px #333; box-shadow:inset 0 1px 3px #333; } body#Administration.UpgradeWizard_prepare textarea { height:230px; margin:6px 0; } body#Administration.UpgradeWizard_prepare div#license_div table, body#Administration.UpgradeWizard_prepare div#readme_div table { font-size:12px; } body#Administration.UpgradeWizard_prepare div#license_div table input { margin:0 5px 0 10px; } body#Administration.UpgradeWizard_prepare form > table { margin:0; border-collapse:collapse; } body#Administration.UpgradeWizard_prepare ul.tablist, div#dashletsList > ul.subpanelTablist { border:none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:-moz-linear-gradient(top, #595959, #383838); background:-webkit-gradient(linear, left top, left bottom, from(#595959), to(#383838) ); padding:0 10px; } body#Administration.UpgradeWizard_prepare ul.tablist > li:first-child a, div#dashletsList > ul.subpanelTablist > li:first-child a { border-left:1px solid #666; } body#Administration.UpgradeWizard_prepare ul.tablist li a.current, div#dashletsList > ul.subpanelTablist li a.current { background:-moz-linear-gradient(top, #555, #111); background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#111) ); } body#Administration.UpgradeWizard_commit div#install_progress_bar { border:1px solid #999; } form#ConfigureSettings > table { padding:0; } /* @group configure tabs */ body#Administration.ConfigureTabs div#content > table > tbody > tr > td > table { background:#F6F6F6; } body#Administration.ConfigureTabs div#content > table > tbody > tr > td > table > tbody > tr > td { padding-left:15px; } body#Administration.ConfigureTabs table.edit { padding:0; } .yui-dt th .yui-dt-liner { background:none; } /* @end */ /* @end */ /* @group Emails */ /* fixes email setting issues */ #tab_general > form > table, #tab_general > form > table.detail th, #tab_accounts > table, #tab_accounts > table.detail th { border: 0; } #tab_accounts .detail.view .edit.view { margin-top: 0; } #tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table { padding: 0pt ! important; border-collapse: collapse; } #importDialogContent { overflow: hidden; } #importDialogContent #importDiv { margin-top: 0; } #lastviewicon, #newrecordicon, #shortcuts_img,#lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 { display:none; } .emailaddresses tr td[scope=row] { padding-left:0 !important; padding-top:0 !important; } /* @end */ /* @group Imports */ #importOptions td { padding: 5px 6px; } #importOptions table { border-collapse:collapse; } #importOptions #chooser_choose_index_text, #importOptions #chooser_ignore_index { background: white; border: 0; text-align: left; } body#Import.Step2 div#content > table, body#Import.Step3 div#content > table, body#Import.Last div#content > table { background:#F5F5F5; } body#Import.Step2 div#content > table form > table { margin:10px 10px 0; } body#Import.Step3 div#content > table form > div { padding:10px 10px 0; } body#Import.Step3 div#content > table form > p { padding:0 10px 10px; font-size:12px; } body#Import.Step3 table#importTable td { white-space:normal; } /* @end */ /* @group Module Builder */ body#ModuleBuilder div#mbfooter { z-index:101; } body#ModuleBuilder div#mbfooter > div > div td { background:none; } /* @end */ /* @group Roles */ body#ACLRoles.DetailView div#content > table >tbody > tr > td > p { display:none; } body#ACLRoles.DetailView div#content > table >tbody > tr > td > table + p + p { display:block; background:#FFEEEE; padding:10px 10px 0; border-top:1px solid #999; } body#ACLRoles.DetailView div#content > table >tbody > tr > td > table.detail td { padding-left:10px; } body#ACLRoles.DetailView div#content > table >tbody > tr > td > table { border-collapse:collapse; } body#ACLRoles.DetailView form#ACLEditView { background:#FFEEEE; margin:0; padding:0 10px 10px; } body#ACLRoles.DetailView form#ACLEditView > table { border-collapse:collapse; } body#ACLRoles.DetailView form#ACLEditView > table td { border:1px solid #CCC; } body#ACLRoles.DetailView form#ACLEditView > input { display:none; } body#ACLRoles.DetailView form#form { padding:5px; } /* @end */ /* @group Reports */ table.reportlistViewRC{ /* this definition should be exactly the same as .listViewThS1 */ background:Black; } table.reportlistView{ /* this definition should be exactly the same as .listViewThS1 */ background:Black; } .reportlistViewThS1 { font-size: 13px; font-weight: bold; text-align: left; padding: 4px 5px 4px 5px; border-left: none; border-right: none; border-top: 1px solid Blackccc; border-bottom: 1px solid Blackccc; background:Gainsboro; } .reportevenListRowS1, .reportoddListRowS1 { font-size: 12px; padding-left: 5px; padding-right: 8px; padding-bottom: 5px; padding-top: 3px; vertical-align: middle; background:white; } .reportlistViewPaginationTdS1 { border: none; vertical-align: top; padding-top: 5px; padding-bottom: 5px; font-size: 12px; background:white; } /* @group summation report */ .reportViewTable { border-left: none; border-right: none; border-top: none; background:White; } .reportGroupViewTable { border-left: 1px solid Black; border-top: 1px solid Black; background:LightGrey; } .reportGroup1ByTable { font-size: 15px; border-left: none; border-right: 1px solid Black; border-bottom: 1px solid Black; background:LightGrey; } .reportGroupNByTable { font-size: 13px; border-left: none; border-right: 1px solid Black; border-bottom: none; background:White; } .reportGroupByDataTableHeader { border-left: none; border-right: none; border-top: none; border-bottom: none; background:White; } .reportDataChildtablelistView { border-left: none; border-right: none; border-top: none; border-bottom: none; background:Black; } table.reportDataChildtablelistView td { border-color: #ccc; background: white; padding:4px 5px; } .reportGroupByDataChildTablelistViewThS1 { font-size: 11px; font-weight: bold; text-align: left; padding: 4px 5px 4px 5px; border-left: none; border-right: none; border-top: none; border-bottom: none; background:White; } .reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 { font-size: 12px; padding-left: 5px; padding-right: 8px; padding-bottom: 5px; padding-top: 3px; vertical-align: middle; background:white; } .reportGroup1ByTableEvenListRowS1 { font-weight: bold; font-size: 14px; padding-left: 5px; padding-right: 8px; padding-bottom: 5px; padding-top: 3px; vertical-align: middle; background:LightGrey; text-align: left; } .reportGroupNByTableEvenListRowS1 { font-weight: bold; font-size: 12px; padding-left: 5px; padding-right: 8px; padding-bottom: 5px; padding-top: 3px; vertical-align: middle; background:LightGrey; text-align: left; } .reportGroupBySpaceTableView { border-left: none; border-right: none; border-top: none; background:White; } .reportGroupByDataTableHeaderEmptyCell { border-bottom: 1px solid Black; border-top: 1px solid Black; background:White; } .reportevenListRowS1, .reportoddListRowS1, .reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1, .reportGroupByDataMatrixEvenListRowS1, .reportGroupByDataMatrixEvenListRowS2, .reportGroupByDataMatrixEvenListRowS3, .reportGroupByDataMatrixEvenListRowS4 { padding-bottom: 4px; padding-top: 2px; } /* @end */ /* @group Matrix Report Class */ .reportlistView { border-top: 1px solid #000; border-left: 1px solid #000; } table.reportlistView td, table.reportlistView th { background: #fff; border-bottom: 1px solid #000; border-right: 1px solid #000; color: #000; padding: 4px; text-align: center; font-size: 11px; } table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 { background: #dcdcdc; font-weight: bold; } /* @end */ /* @group report wizard */ .reportwizard { padding: 10px 6px 12px 10px; } .reportwizard > table { padding: 0 !important; } .reportwizard tr td { vertical-align: middle; } /* @end */ /* @end */ /* @group Schedulers */ body#Schedulers.index table.formHeader { display:none; } /* @end */ /* @group UnifiedSearch */ #unified_search_advanced_img { cursor:pointer; } #unified_search_advanced_div { height: 1px; position: relative; overflow: hidden; width: 21em; padding-top: 5px; } #unified_search_advanced_div .edit.view { padding:6px 6px 6px 4px; } #unified_search_advanced_div .edit.view td { padding: 0 0.5em !important; } #themeColors img, #themeFonts img { margin-bottom: 0; } /* @end */ /* @group Users */ body#Users.EditView div#EditView_tabs, body#Users.DetailView div#user_detailview_tabs { background:#F6F6F6; } body#Users.EditView div#EditView_tabs > ul { border-bottom:1px solid #CCC; } body#Users.EditView div#EditView_tabs > div, body#Users.DetailView div#user_detailview_tabs > div { background:none; border:none; padding:0; } body#Users.EditView div#EditView_tabs table.edit, body#Users.DetailView div#user_detailview_tabs table.detail { border-collapse:collapse; border-bottom:1px solid #CCC; } body#Users.DetailView div#user_detailview_tabs table.detail td { border-top:1px solid #CCC; } body#Users.DetailView form#form { padding:5px; } body#Users.EditView div.actionContainer { display:none; } /* @end */ /* @end */ /* @group Misc */ a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover { text-decoration: none; line-height: 20px; margin-right: 2px; } /* System Settings */ #container_upload { margin-top:7px; } /* loading indicator */ .loading-indicator { font-size:11px; background-image:url(../default/ext/resources/images/default/grid/loading.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; line-height:16px; margin:3px; } #html_div p:first-child { margin: 0px 0px 12px 0px; } #popup_query_form { padding-left:0; padding-right:0; } .helpButton { font-weight:700; } .helpShortcut { font-weight:700; } /* @group error */ p.error { position:fixed; bottom:40px; left:7px; width:179px; padding:10px; background:#FCC; z-index:110; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0 0 2px #333; -moz-box-shadow:0 0 2px #333; box-shadow:0 0 2px #333; } /* @end */ /* @group bug fix */ /* Bug 32603 - Fixes missing center line for KB Admin */ #selected_directory_children { border-left: 1px solid; padding: 3px; } /* Bug 19728 - Email Templates detail view is different with edit view */ #html_div p { margin: 12px 0px; } /* @end */ /* @group no bullet */ ul.noBullet { list-style-type: none; margin-left: 0; padding-left: 0; } li.noBullet { list-style-type: none; padding: 0; margin: 0; } table.tabForm td ul li { list-style-type: none; margin-bottom: 10px; } /* @end */ /* @group font displays */ .todaysTask { color: #FF7800 } .overdueTask { color: #ff0000; } .required, .error { color: #ff0000; } .success { color: #00ee00; } .rssItemDate { color: #666666; } .date { font-size: 13px; font-weight: bold; border-bottom: 1px solid; padding-right: 10px; } .dateFormat { font-weight: normal; font-style: italic; } /* @end */ /* @group forecasts worksheet */ /* if we have horizontal padding anywhere in the table, it will break the rollup tree */ #forecastsWorksheet tbody tr td, #forecastsWorksheet tr td { padding: 3px 0px 5px 0px !important; } #forecastsWorksheet tr.pagination td { padding: 0 !important; } #forecastsWorksheet tr.pagination td table td { padding:3px 7px 3px 5px !important; } /* for forecasts worksheet containing table ( overrides .list .view style ) */ #forecastsWorksheet > tbody > tr > td, #forecastsWorksheet > tr > td, #forecastsWorksheet #activetimeperiods tr td { padding: 0 ! important; vertical-align: top; } /* @end */ /* @group team notice */ .teamNoticeBox { border: 1px solid; padding: 0; background: #fff; width:100%; } .teamNoticeText { padding: 0px 10px 0px 10px; } iframe.teamNoticeBox { width:99%; padding:0; } /* @end */ /* @group sqs */ .sqsFloater { position:absolute; z-index:2; bottom:0; right:0; display:none; padding:0; } .sqsFloater td { border:1px inset; color:black; } .sqsMatchedSmartInputItem { font-size:11px; padding: 2px 5px 2px 5px; margin: 0; cursor: pointer; cursor: hand; } .sqsSelectedSmartInputItem { background-color:#DEEFFF; } #sqsSmartInputResults { padding:0;margin:0; } .sqsNoMatch { padding: 2px 5px 2px 5px; font-weight: bold; background-color:#eeeeee; color:#980000; } .x-sqs-list { border:1px solid #d0d0d0; background:#d0d0d0; zoom:1; overflow:hidden; } .x-sqs-list-inner { overflow:auto; background:#FFF; position:relative; zoom:1; overflow-x:hidden; } .x-sqs-list-item { font:normal 12px tahoma,arial,helvetica,sans-serif; border:1px solid #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:1px; } .x-sqs-list .x-sqs-selected { border:1px dotted #f6f6f6!important; background:#d0d0d0; cursor:pointer; } .sqsSelectedSmartInputItem { background-color:#DEEFFF; } /* @end */ /* @group acl role colors */ .aclAll { color: #008000; font-weight: bold; } .aclOwner { color: #000000; font-weight: bold; } .aclNone { color: #FF0000; font-weight: bold; } .aclEnabled { color: #008000; font-weight: bold; } .aclDisabled { color: #FF0000; font-weight: bold; } .aclAdmin { color: #0000FF; font-weight: bold; } .aclNormal { color: #008000; font-weight: bold; } /* @end */ /* @group Upgrade Wizard */ .small{ width:100%; } .small table{ width:auto; } .small tr td table{ background-color:transparent; } .small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th{ background-color:transparent; } .small tr td table tr th{ text-align:left; border-bottom:none; } /* @end */ /* @end */