/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
	color:#000 !important;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  //visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
  visibility: visible;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/*********************************************************************************
 * SugarCRM is a customer relationship management program developed by
 * SugarCRM, Inc. Copyright (C) 2004 - 2009 SugarCRM Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU 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 General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU 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 General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU 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.
 ********************************************************************************/

/* MAIN NAV STYLES */
.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: 11px; font-style: normal; line-height: 18px; color: #000; text-decoration: none; width: 120px; border-left: none; border-right: none; display: block; padding: 1px 5px 1px 7px; border-bottom: 1px solid #c0c0c0; }
.menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active, .menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active { color: #000; }
.menuItem { background-color:#f6f6f6; }
.menuItemHilite { background-color:#FFFFFF; }
.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;/*	width:150px;*/ }
body { margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }
fieldset, table, pre { margin-bottom:0; }
p { margin-top: 0px; margin-bottom: 0px; }
form { margin: 0px; }
h1, h2 { margin: 0; font-weight: bold; }
h3 { margin:0; margin-bottom: 3px; padding-top: 3px; }
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; vertical-align: bottom; }
ul li { list-style-type: none; margin-left: 6px; margin-bottom: 2px; }
ul { margin-top: 2px; margin-right: 0; }
hr { height:1px; }
div.clear { height: 0; clear: both; visibility: hidden; font-size:0; }
th, td { border: none; padding: 0; }
/* layout the header elements */
#header div.line { height: 4px; margin: 0; padding: 0; }
#header ul li { display:inline; }
#companyLogo { padding: 10px 10px 0px 15px; vertical-align: bottom; float:left; margin-bottom:-15px; }
#search, #sitemapLink, #colorPicker, #welcome, #globalLinks { float: right; }
#welcome { font-weight: normal; padding: 8px 10px 3px 10px; vertical-align: middle; }
#search { width:220px; }
/* global links */
#globalLinks { padding: 8px 10px 3px 10px; vertical-align: middle; }
#globalLinks ul { list-style: none; padding: 0; margin: 0; }
#globalLinks ul li { float: left; margin: 0 0.15em; display:block; }
#globalLinks ul li img { margin-bottom: 1px; margin-left:2px; cursor: pointer; cursor: hand; }
#globalLinks ul li:hover ul, #globalLinks ul a:hover ul { visibility:visible; }
/* sitemap link */
#sitemapLink span { padding-right:5px; }
#sitemapLink { padding-top: 3px; }
#search, #sitemapLink { padding:0 3px 0 5px; height: 23px; vertical-align: bottom; }
#unified_search_advanced_img { cursor:pointer; }
#unified_search_advanced_div { height: 1px; position: absolute; overflow: hidden; width: 350px; padding-top: 5px; right:0px; }
#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; }
/* color and theme picker */
.themePicker { padding-top: 1em; }
.themePicker td { padding: 0 !important; }
.themePicker > table > tbody > tr > td { text-align: left; vertical-align: top; width: 100%; }
.themePicker hr { margin: 0; }
#themepickerLinkSpan { cursor:pointer; }
#colorPicker { padding: 8px 5px 0px 7px; }
#colorPicker ul { border: none; padding: 3px 0 0 0; margin: 0 0 0 10px; }
#colorPicker ul li { list-style-type: none; display: inline; padding: 0px; cursor: hand; cursor: pointer; margin: 0; }
#themeName { font-weight: bold; }
#moduleList ul li:hover ul, #moduleList ul a:hover ul { visibility:visible; }
#leftColumn { left: 10px; position: absolute; float: left; width: 14.5em; }
div#content { padding-top: 11px; padding-left: 8px; padding-bottom: 20px; border: 2px solid #ddd; border-top: 0; border-right: 0; margin-left: 16em; margin-right: 5px; }
div#content > table { width: 100%; }
/* put a bit of left margin in when the left column menu is hidden */
div#content noLeftColumn { margin-left: 5px; border-left: none; }
#HideHandle { padding-top: 5px; cursor: pointer; cursor: hand; }
#HideMenu { visibility: hidden; position: absolute; z-index:100; }
#leftHandle { float:left;/*margin-top: 10px;*/ }
/* new record form */
#newRecord form { padding: 8px 8px 5px 8px; }
#newRecord form input, #newRecord form select, #newRecord form textarea { margin-bottom: 4px; margin-top: 2px; max-width: 140px; *width: expression(this.clientWidth > 140 ? '140px':true);
}
#newRecord form button, #newRecord form input[type=button], #newRecord form input[type=submit], #newRecord form input[type=reset] { padding-top: 0px; vertical-align: bottom; }
#newRecord form .dataLabel { padding-bottom: 2px; padding-top: 3px; padding-left: 0px; vertical-align: bottom; }
#newRecord form .dataField { padding-bottom: 3px; }
#newRecord form #jscal_trigger { margin-bottom: 4px; margin-top: 2px; vertical-align: bottom; }
#newRecord form a:link, #newRecord form a:visited, #newRecord form a:hover { text-decoration: underline; border-bottom: 0px; padding-left: 0px; }
/* 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; }
/* sub module list drop down */
#subModuleList span { display: none; }
#subModuleList span.selected { display: block; }
#subModuleList li, #subModuleList ul { padding:0px; margin:0px; }
#subModuleList li.subTabMore { position:relative; }
#subModuleList ul.cssmenu { display:block; position:absolute; top:15px; left:0; width:127px; }
#header ul.cssmenu li { display:block; }
#subModuleList ul.cssmenu li a, #subModuleList ul.cssmenu li a:hover { color:#000; border:none; background:transparent none repeat scroll 0% 0%; }
#subModuleList li.subTabMore ul.cssmenu { visibility:none; }
#subModuleList li.subTabMore:hover ul.cssmenu { visibility:visible; }
#subModuleList { padding:0.4em 0 0.3em 0; }
#subModuleList span a { text-decoration: none; padding: 0.2em 0.5em 0.3em 0.5em; margin: 0 -3px 0 0; white-space:nowrap; }
/* last viewed and shortcuts lists in the header */
.headerList { padding: 5px 0 3px 10px; vertical-align: middle; }
.headerList a:link, .headerList a:visited, .headerList a { padding: 2px 5px; white-space: nowrap; }
/* 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; }
/* module title */
div.moduleTitle { height:2em; }
.moduleTitle img { margin-right: 3px; margin-top: 3px; border: 0; }
.moduleTitle h2 { display: block; float: left; }
.moduleTitle span { display: block; float: right; margin-top: 0; }
.moduleTitle span a img { margin-bottom: -3px; }
/* EditView/projects -> grid  */
.sqsSelectedSmartInputItem { background-color:#DEEFFF; }
/* DetailView/EditView/ListView styles */
.view, table.view { margin-bottom:3px; margin-top:3px; padding:10px 6px 12px 10px; padding:20px 16px 22px 30px; }
.view tr td table, .view tr td table tr td { padding: 0; }
.view tr td input[type=checkbox] { vertical-align: middle; }
/* DetailView styles */
.detail h4 { font-weight: bold; margin: 0px; text-align: left; border: none; padding-top: 6px; padding-bottom: 6px; padding-left: 0; margin-left: 0; }
.buttons { padding-bottom: 2px; padding-left: 0; padding-right:3px; }
.detail tr td { border: none; vertical-align: top; padding: 5px 6px 5px 6px !important; vertical-align: top; text-align: left; }
.detail tr td[scope=row] { margin-top: 2px !important; margin-bottom: 10px !important; text-align: right; }
.detail tr td > li { margin-left: 1.5em; }
/* editviews top buttons */
#EditView > table { margin-bottom: 2px; }
/* editviews */
.edit { padding:0 6px 6px 10px !important; }
.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; }
/* search panel on top of list views ( extends .edit .view definition ) */
.search { margin: 0 0 4px 0 !important; padding:10px 6px 12px 10px; }
.search > table { padding: 0 !important; margin: 0; }
.search td span { color:#444444; }
.search td input[type=text], .search td input[type=password] { width: 135px; }
.search td select { width: 135px !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; }
/* style for page content tables */
.other { border: none !important; margin-bottom: 20px !important; padding: 0 !important; width: 100%; }
.other td { font-weight: normal; padding: 4px 10px 4px 6px; vertical-align: middle; }
.other td[scope=row] { padding: 4px 6px 4px 6px; white-space:nowrap; }
.other .edit td { background: transparent !important; }
.other .edit { margin-top: 0; }
/* 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; }
/* detail view */
.detail.view, .detail table, table.detail { padding: 0; width: 100%; }
.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; }
/* 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; }
/* for report wizard */
.reportwizard { padding: 10px 6px 12px 10px; }
.reportwizard > table { padding: 0 !important; }
.reportwizard tr td { vertical-align: middle; }
/* for subpanel tabs */
ul.tablist, ul.subpanelTablist { list-style: none; padding: 3px 0; margin: 0; }
ul.tablist li, ul.subpanelTablist li { list-style: none; margin: 0; display: inline; }
ul.tablist li a, ul.subpanelTablist li a { padding: 4px 8px; margin: 0px; border-bottom: none; text-decoration: none; }
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: 15px 0px 0 0px; }
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 { margin-top: 20px; }
#groupTabs li, #searchTabs li { margin:0 -3px 0 0; }
table.subpanelTabForm { border-top: 0px none; margin-bottom: 4px; }
/* gantt styles */
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&themeName=incomCRM&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 gantt styles */

.search_form { overflow: visible; text-align: left; margin-bottom: 20px; }
.search_form .view { width:99%; margin: 0 0 3px; padding-right:0 !important; padding-left:10 !important; padding-top:10px !important; }
/* 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; }
/* sitemap link div */
#sitemapLink span { cursor:pointer; }
#sitemapLink span img { cursor:pointer; margin-left: 2px; }
/* Footer styles */
#footer { padding-top: 10px; text-align: center; padding-bottom: 5px; }
#themePicker, #langPicker { text-align: center; margin-bottom: 0.5em; }
#themePicker select, #langPicker select { width: 120px; font-size: 10px; }
/* Scheduler Styles */
#scheduler { margin-top: 5px; }
#scheduler .schedulerDiv { color: #000000; text-align: left; width: 100%; background-color: #FAFAFA; border-collapse: collapse; border-bottom: 1px solid #999; }
#scheduler .schedulerDiv table { width: 100%; border-collapse: collapse; }
#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; }
/* calendar module styles */
.monthFooter td { padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 5px; border-top: 1px solid; border-bottom: 2px solid; }
.monthHeader { padding: 6px 5px 4px 3px; margin-top: 10px; vertical-align: middle; background-repeat: repeat-x; background-position: top; }
.monthHeader td { padding-left: 5px; }
.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; }
/* js calendar styles */
.calendar { border: 1px solid #999; }
.calendar .button { background-color: #eee; background-image: none; }
.calendar .combo { border-top: 1px solid #f1f1f1; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #f1f1f1; background: #eee; padding: 0px; }
.calendar .combo .active { background: #eee; }
.calendar .combo .hilite { background: #f8f7f7; padding: 1px 4px 1px 4px; border-top: 1px solid; border-bottom: 1px solid; border-color: #9e9e9e; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: left; padding: 2px 4px 2px 4px; }
.calendar .nav { background: transparent no-repeat 100% 100%; }
.calendar table { background: #eee; }
.calendar table .wn { background: #eeeeee; border-right: 1px solid #ccc; }
.calendar tbody .day { background: #fff; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth.oweekend { color: #666; }
.calendar tbody .emptycell { display: hidden; }
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.weekend { background: #f6f6f6; }
.calendar tbody .rowhilite td.wn { background: #fff; }
.calendar tbody td.hilite, .calendar tbody td.weekend.hilite { background: #f8f7f7; border-color: #9e9e9e; }
.calendar tbody td.selected { border-color: #666; background: #eee; }
.calendar tbody td.today { color: #666; }
.calendar tbody td.weekend { color: #666; background: #f9f9f9; }
.calendar tfoot .ttip { background: #e8f0f4; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background: #dfdfdf; color: #000; }
.calendar thead .hilite { border-bottom: 1px solid #fff; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #fff; }
.calendar thead .name { background: #dddddd; border-color: #cccccc; }
.calendar thead .title { padding: 3px; border-top: 1px solid #fff; border-bottom: 1px solid #cccccc; color: #000; background: #f8f7f7; }
.calendar thead .weekend { color: #000; font-weight: bold; }
.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; }
/** report styles **/
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; }
/* These are for 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 of summation report classes */


/* Start of 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 of matrix report classes */

/* for 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 #ddd; background-color: #f6f6f6; padding: 5px 3px 3px 10px !important; }
.olCgClass { padding: 0px; border: 0px; }
.olBgClass { background-color: #ddd; padding: 2px !important; }
#forecastsWorksheet .olBgClass td { padding: 0 !important; }
.olCloseFontClass { padding-bottom: 1px; text-align: right; background-color: #dfdfdf; }
/* 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; }
/* for lists where we don't want to have bullet points */
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; }
.helpButton { font-weight:700; }
.helpShortcut { font-weight:700; }
/* for subpanels */
#MorePanelHandle { cursor: hand; cursor: pointer; display: inline; margin-left: 2px; margin-bottom: 2px; text-align: center; background: url('../../../../index.php?entryPoint=getImage&themeName=incomCRM&imageName=more.gif') no-repeat bottom left; color: #444; }
.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; }
/* misc font displays */
.todaysTask { color: #FF7800 }
.overdueTask { color: #ff0000; }
.required, .error { color: #ff0000 !important; }
.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; }
/* list view 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; }
/* for team notices and my portal dashlets */
.teamNoticeBox { border: 1px solid; padding: 0; background: #fff; width:100%; }
.teamNoticeText { padding: 0px 10px 0px 10px; }
/* to force border to display on tiny-mce controls */
.mceToolbarTop { border-bottom:1px solid #CCCCCC !important; }
#dashletsList { background: #fff; }
ul#dashletCategories li a:link, ul#dashletCategories li a:visited { color: #444; background: #eee; }
ul#dashletCategories li a.current, ul#dashletCategories li a.current:hover { color: #444; background: transparent; }
#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; }
/* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
td.edit.view td { text-align: left; }
td.edit.view td[align=right] { text-align: right; }
#user_password, #user_name { width: 150px; }
/* 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; }
/* help styles */
.helpButton, .helpShortcut { font-weight: bold; }
/* 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; }
/* put a bit of left margin in when the left column menu is hidden */
#content.noLeftColumn { margin-left: 5px; border-left: none; }
/* 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; }
/* override some of the detail view styles for the import options dialog */
#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; }
/* login page*/
.login table tr td { padding:0px !important; text-align:left; }
.login { padding:10px 6px 12px 10px !important; }
.login .login_more { text-align:right; *padding-right: 18px !important; /* only needed in IE7 and earlier */
}
#lastviewicon, #newrecordicon, #shortcuts_img, #lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 { display:none; }
#color_menu, #font_menu { width:200px; height:15px; margin:0; padding:0px; }
#color_menu li, #font_menu li { float:left; height:15px; width:15px; }
#themepickerDialog div[class="ft"] { display:none; }
#stylepicker { border-width:1px; margin:0px; padding:0px; width:auto; }
#themepickerDialog_c { right: 2em; top: 3em; }
#popup_query_form { padding-left:0; padding-right:0; }
.emailaddresses tr td[scope=row] { padding-left:0 !important; padding-top:0 !important; }
/*System Settings*/
#container_upload { margin-top:7px; }
/* Subpanel links */
.subTabs td { font-size: 12px; padding: 0 0.25em; }
.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;
}
.sugarFeedDashlet .yui-ac-input { *position:static !important;
}
.sugarFeedDashlet .byLineBox .byLineLeft { font-size:79%; }
.sugarFeedDashlet .byLineBox .byLineRight { display:inline; right:0; position:absolute; font-size:79%; }
iframe.teamNoticeBox { width:99%; padding:0; }
.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; }
.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; }
embed { background: transparent; }
#massupdate_form { margin-top: 20px; }
#massupdate_form .buttons { padding-bottom: 2px; }
/* Bug 32603 - Fixes missing center line for KB Admin */
#selected_directory_children { border-left: 1px solid; padding: 3px; }
/* added - thuyqt */
.search_form table { width:1000px; }
.search_form table table { width:auto !important; }
input.input-cal { width:75px !important; text-align:center; }
input.input-sel { width:80px !important; }
input[readonly], input[readonly]:focus { background-color:#EFEFEF; }

/* custom for logo incomSoft */
.fL { float:left } .fR { float:right } .fN { float:none !important }
.nowrap { white-space:nowrap }
.word-break { word-break: break-all }

/* logo incomSoft text design */
.incomSoft * { font-family:Arial, Helvetica, sans-serif }
.incomSoft .logo { font-size:13px; font-weight:700 }
.incomSoft .is-in { color:#FC0000 }
.incomSoft .is-c { color:#F47920 }
.incomSoft .is-o { color:#98CA3C }
.incomSoft .is-m { color:#0095D9 }
.incomSoft .is-soft { color:#FC0000; font-size:15px }
.incomSoft .slogan { color:#0095D9; font-size:13px }
.incomSoft .is-minus { color:#666; font-size:12px }

.list-unstyled { list-style: outside none none; padding: 0; margin:0; }
.list-unstyled li { padding: 2px 0; margin:2px 0 }
.care .yes { color:green }
.care .no { color:red }
.care .all { color:black }
.care .pen { color:blue }/* --------------------------------------------
 * created: 2012-02-18 01:05
 * created by: thuyqt <thuy.tranquan@gmail.com>
 * ------------------------------------------ */

/* Default Styles */
.h3Row { margin-top: 10px; vertical-align: middle; background-repeat: repeat-x; background-position: top; background-color: #fff; }
.h3Row td { padding: 4px 5px 3px 3px; }
.h3Row table, .h3Row td { border:0px none !important; }
h4, h5 { margin-bottom: 2px; padding-left: 4px; }
hr { border: 0; border-top: 1px solid #999; background-color: #999; color: #999; height: 1px; margin: 1em 0; clear: both; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
input, select, textarea, button, .button { outline: 0 none; border: 1px solid; margin: 1px; -webkit-transition: background-color linear 0.1s; -moz-transition: background-color linear 0.1s; -ms-transition: background-color linear 0.1s; -o-transition: background-color linear 0.1s; transition: background-color linear 0.1s; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; vertical-align:top }
input, textarea { padding: 3px 4px; }
select { padding: 2px; }
input, select, textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.search td input[type=text], .search td input[type=password] { width: 130px; }
button, input[type=submit], input[type=reset], input[type=button], .button { cursor: pointer; white-space: nowrap; word-wrap: normal; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; padding: 2px 8px 3px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.editview td button, .editview td input[type=submit], .editview td input[type=reset], .editview td input[type=button], .editview td .button, #search .button { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 1px 6px 2px 6px; }
.list .oddListRowS1 .button, .list .evenListRowS1 .button,
.paginationChangeButtons .button, .edit .pagination .button, .detail .pagination button { padding: 2px 3px; }
.edit td select { width: 175px; }
.button[disabled], button[disabled], .btn-gray[disabled], .pagination button[disabled], .pagination .button[disabled] { cursor: default !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-image:none !important; }
/* set a minimum width for the header */
#header { min-width: 85em; }
/* header */
#header div.line { height: 2px; border-bottom: 2px solid; color: #0046ad; }
#sitemapLink { padding-top: 3px; }
#sitemapLinkSpan { border-right: 1px solid #999; border-right: none; }
#search { border-left: 1px solid #999; }
/* DetailView/EditView/ListView styles */
.view { border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 5px 0 #BEBEBE; -webkit-box-shadow: 1px 1px 5px 0 #BEBEBE; box-shadow: 1px 1px 5px 0 #BEBEBE; }
/* DetailView styles */
.detail table, table.detail { padding: 0; }
.detail tr td { border-bottom: 1px solid; }
.detail tr td[scope=row] { border-bottom: 1px solid; }
.detail tr th { border-bottom: 2px solid; background: #fff; }
/* search panel on top of list views ( extends .edit .view definition ) */
.search { border-top: 0px none; }
.report { border-top: 1px solid; }
.search input[readonly=readonly], .report input[readonly=readonly] { width: 80px !important; }
/* Listview styles */
.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; border-bottom: 1px solid; padding: 6px 5px 6px 5px; }
.list tr td { padding: 6px 8px 6px 5px; }
/* Listview Gird styles */
.gird.list { border-right: 0px none; }
.gird tr th, .gird tr td[scope=col] { border-top: 0px none; text-align:center; }
.gird tr th, .gird tr td, .gird tr td[scope=col] { border-right: 1px solid; }
.gird tr th, .gird tr td[scope=col], .edit .gird tr th, .edit .gird tr td[scope=col] { white-space: normal !important; }
table.noborder.gird, table.noborder.gird tr.lastrow td { border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }
/* module title */
.moduleTitle { padding-bottom: 0; padding-top: 0; margin-bottom: 3px; margin-top: 0; }
.moduleTitle > h2 > img { display: none; }
/* for subpanel tabs */
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; }
/* module list in header.tpl */
#moduleList { display: block; height: 2.4em; }
#moduleList ul { list-style: none; padding: 0; margin: 0; color: #ccc; }
#moduleList ul li { float: left; margin: 0 0.15em; display: block; font-weight: bold; padding: 8px 6px 4px 2px; }
#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:first-child { padding-left: 14px; }
#moduleList > ul > li#moduleTabExtraMenu { padding-left: 16px; padding-right: 20px; }
#moduleList ul li span.currentTab { font-weight: bold; padding: 8px 5px 6px 5px; background-position: top center; border-bottom: 2px solid; margin: 0 !important; border-left: 0 !important; }
#moduleList ul li span.currentTabLeft { background-position: top left; border-bottom: 2px solid; margin-right: 0 !important; border-left: 0 !important; padding: 8px 2px 6px; }
#moduleList ul li span.currentTabRight { background-position: top right; border-bottom: 2px solid; margin-left: 0 !important; border-left: 0 !important; padding: 8px 2px 6px; }
#moduleList ul li a:link, #moduleList ul li a:visited { text-decoration: none; padding-top: 0px; }
#moduleList ul li a:hover { text-decoration: none; }
#moduleList ul li ul.cssmenu { margin-left: -1.7em; margin-top: 0.3em; }
#subModuleList { padding: 0.4em 0 0.3em 1em; border-bottom: none; border-top: 2px solid; }
#subModuleList span a { text-decoration: none; padding: 0.2em 0.5em 0.3em 0.5em; margin: 0 -3px 0 0; border-right: 1px solid; border-left: 1px solid; border-bottom: none; }
/* last viewed and shortcuts lists in the header */
.headerList { border-bottom: 2px solid; }
.headerList a:link, .headerList a:visited, .headerList a { text-decoration: none; border-left: 1px solid; }
.headerList a:hover { background: #fff; }
.headerList a:hover span { text-decoration: underline; }
/* for lists of items in the left column ( such as the shortcuts or last view items lists ) */	
.leftList ul li { border-bottom: 1px solid; }
/* left side column */
#leftColumn { padding-right: 8px; padding-top: 4px; }
#leftColumn h3, #HideMenu h3 { padding-left: 3px; padding-top: 8px; padding-bottom: 4px; margin-bottom: 0; border-bottom: 2px solid; color: #444; }
/* hidden shortcuts menu */
#HideMenu { border-bottom: 2px #cccccc solid; border-right: 2px #cccccc solid; background: #ffffff; left: 10px; width: 150px; }
/* new record form */
#newRecord form { border-bottom: 1px solid; }
/* misc links */
a.utilsLink:link, a.utilsLink:visited { font-weight: normal; text-decoration: underline; padding-bottom: 3px; }
a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover { text-decoration: none; line-height: 20px; margin-right: 2px; }
/* global links */
#globalLinks { padding: 8px 2px 3px; }
#globalLinks ul { color: #ccc; }
#globalLinks ul li a { color: #444444; }
#globalLinks ul li span { color: #CCCCCC }
#welcome { border-right: 2px solid #ddd; }
/* themepicker */
#themepickerLinkSpan a { color: #444444; }
/* for subpanel tabs */
ul.tablist, ul.subpanelTablist { border-bottom: 2px solid; }
ul.tablist li a, ul.subpanelTablist li a { border-top: 2px solid; border-right: 1px solid; border-bottom: none; }
ul.tablist li a:hover, ul.subpanelTablist li a:hover { border-top: 2px solid; }
ul.tablist li a.current, ul.tablist li a.current:hover { border-bottom: 2px solid #f6f6f6; font-weight: bold; }
ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover { border-bottom: 2px solid #fff; font-weight: bold; }
.subpanelTabForm .h3Row { border-top: 1px solid #dddddd; background-image: none; }
/*Bug 29945 */
#colorPicker { border-right: 2px solid #DDDDDD; padding: 8px 4px 4px 0; margin-right: 1px; }
#colorPicker span { color: #cccccc; }
#colorPicker #themepickerLinkSpan { color: #444444; text-decoration: underline; font-size: 12px; font-weight: 400; }
#colorPicker #themepickerLinkSpan:hover { color: #0B578F; }
/* responsive */
.table-responsive { min-height: 0.01%; overflow-x: auto }
/*Edit Popup */
.edit-popup .moduleTitle { margin-bottom: 0px !important }
.edit-popup .editview .edit.view { padding: 3px 0 !important }
.edit-popup .editview .edit.view > table { padding: 0 !important }
/* autocomplete width */
.yui-ac-container .yui-ac-content { width:300px !important; text-align:left }
/* GoToPage */
.go-to-page { position: absolute; top: 25px; left: 5px; z-index: 99; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; overflow: hidden; height:0px; padding:0 }
.go-to-page > div { color:#000; font-size:13px; white-space:nowrap; padding:2px 10px; border:1px solid #CBCBCB; background-color:#DEDEDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }
/* Picure */
.pic-group { width:400px; margin:0 auto }
.pic-group .picture { line-height:1%; position:relative; margin-bottom:10px; overflow:hidden; border:1px solid #FCFCFC; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px }
.pic-group .picture:last-child { margin-bottom:0 }
.pic-group .picture > a { line-height:1% }
.pic-group .picture img { width:100% }
.pic-group .picture .date::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #222222 transparent transparent; border-image: none; border-style: solid; border-width: 5px 5px 5px 0; content: ""; display: block; position: absolute; right: -5px; top: 100% }
.pic-group .picture .date { line-height:130%; background-color: #555; box-shadow: 5px 0 0 0 #555; display: block; font-size:15px; color: #FFF; padding: 7px 10px 5px; position: absolute; right: 1px; top: 1em; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 99; text-align:right }
.pic-group .picture .date span { font-size:12px }
.pic-group .picture .date a { color:#FFFF00; text-decoration:none }
/* message */
.message { font-size: 11pt; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px; margin: 5px; transition: opacity 0.15s linear 0s; display:none }
.msg-info { background-color: #FCF8E3; border-color: #FAEBCC; color: #8A6D3B }
.msg-error { background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442 }
.msg-close { float:right; color: #000; font-family:Verdana, Geneva, sans-serif; font-size: 12pt; font-weight: 700; line-height: 1; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; text-shadow: 0 1px 0 #FFF; display:inline-block; padding:0 5px }
.msg-close:hover, .msg-close:focus { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; cursor:pointer; text-decoration:none }
/* capture Picure */
.attachment { position:relative; display:block; width:75px; height: 23px; margin-bottom:2px; overflow:hidden; border: 1px solid #93bb3b; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-image: url(../../../../index.php?entryPoint=getImage&themeName=incomCRM&imageName=bgBtnBlue.gif) }
.attachment p { margin: 0; padding: 0; padding-top:2px; text-align:center; font-size:13px; color:#FFF }
.attachment input { cursor: pointer; margin: 0; padding: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
/* notifications */
#header #notifyCount, .viewNotifyCount { display:none; float: right; cursor: pointer; color: #F00; font-size:11pt; font-weight:bold; padding:3px 10px 3px 43px; background-image:url(../../../../index.php?entryPoint=getImage&themeName=incomCRM&imageName=message.png); background-repeat: no-repeat; background-position: center center; }
#ntf_holder #notifications { display:none; position:absolute; z-index: 9999; width: 420px; margin-right: 1em; margin-top: 2.5em; }
#ntf_holder #notifications .bd { overflow:hidden }
#ntf_holder ol { padding:0; margin:0 }
#ntf_holder ol li { white-space:nowrap; font-size:13px; padding:5px 0 0 0; margin-left:15px }
#ntf_holder ol li:first-child { padding-top:0 }
#ntf_holder ol li span { color:#777; font-size:12px }

.corner { border:1px solid #FFF; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px }
.corner2 { border:1px solid #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }
.avatar-pic { display:inline-block; line-height:1%; overflow:hidden; padding: 0; margin: 0; border:1px solid #FCFCFC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }

.btn-group { line-height:130%; padding: 2px 0; margin: -5px }
.btn-group > label, .btn-group > button, .btn-group > .button, .btn-group > input[type=button], .btn-group > .grp-item { cursor:pointer; display:inline-block; padding: 4px 6px 3px; margin:2px 5px; color: #000; background-color: #CCCCCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.btn-group > .active { color: #FFF; background-color: #FF3333 }
.btn-group > label > input[type="checkbox"], .btn-group > label > input[type="radio"] { display:none }

.page { margin:10px 0 }
.page .pagenav { background-color: #FFF; padding: 6px 12px; margin-left: -1px; border: 1px solid #DDD }
.page a.pagenav, .page span.pagenav { font-size:11pt; font-weight:500; text-decoration: none }
.page .pagenav:first-child { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px }
.page .pagenav:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px }
.page a.pagenav:hover { background-color: #ECECEC }
.page .pagenav.active { background-color: #4E8CCF; color: #FFF }
.page span.pagenav { color: #777 }

.paginationChangeButtons .button, .paginationChangeButtons button, .view.detail .pagination .button, .view.detail .pagination button { font-size:11px; width:auto; min-width:30px; padding: 3px 5px 4px }

#share_users_multi_grp { width:95% !important; height:90px !important }
#share_users_multi_grp:after { clear:both }
#share_users_multi_grp > label { float:left; width:180px; overflow-x:hidden; padding:2px 0 2px; margin-bottom:2px }
#share_users_multi_grp > label#_grp_choose select { width:165px !important }

.yui-ac-format .yui-ac-container .yui-ac-content { width:450px !important; max-height:400px; overflow-y:auto }
.yui-ac-format .yui-ac-content .yui-ac-bd li { cursor:pointer; white-space:normal !important; padding-top:7px; padding-bottom:7px; padding-left:10px; border-bottom:1px solid #E0E0E0 }
.yui-ac-format .yui-ac-content .yui-ac-bd li:last-child { border-bottom:0 none }
.yui-ac-format .yui-ac-content .yui-ac-bd li { }
.yui-ac-format .yui-ac-content .yui-ac-bd li p { padding-top:5px; color:#666 }
.yui-ac-format .yui-ac-content .yui-ac-bd li p span { display:inline-block; overflow:hidden; white-space:nowrap; width:45% }
.yui-ac-format .yui-ac-content .yui-ac-bd li p span:first-child { width:55% }
.yui-ac-format .yui-ac-content .yui-ac-bd li p span:last-child { width:40% }
.yui-ac-format .yui-ac-content .yui-ac-bd li p.acc span:first-child { width:40% }
.yui-ac-format .yui-ac-content .yui-ac-bd li p.acc span:last-child { width:55% }
.yui-ac-format .yui-ac-content .yui-ac-bd li p, .yui-ac-format .yui-ac-content .yui-ac-bd li b { color:#666 }
.yui-ac-format .yui-ac-content .yui-ac-bd li p.order strong { color:#000 }
.yui-ac-format .yui-ac-content .yui-ac-bd li.yui-ac-highlight p, .yui-ac-format .yui-ac-content .yui-ac-bd li.yui-ac-highlight span, .yui-ac-format .yui-ac-content .yui-ac-bd li.yui-ac-highlight b, .yui-ac-format .yui-ac-content .yui-ac-bd li.yui-ac-highlight p.order strong { color:#F9F9F9 }