/*********************************************************************************
* The contents of this file are subject to the SugarCRM Public License Version
* 1.1.3 ("License"); You may not use this file except in compliance with the
* License. You may obtain a copy of the License at http://www.sugarcrm.com/SPL
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied.  See the License
* for the specific language governing rights and limitations under the
* License.
*
* All copies of the Covered Code must include on each user interface screen:
*    (i) the "Powered by SugarCRM" logo and
*    (ii) the SugarCRM copyright notice
* in the same form as they appear in the distribution.  See full license for
* requirements.
*
* The Original Code is: SugarCRM Open Source
* The Initial Developer of the Original Code is SugarCRM, Inc.
* Portions created by SugarCRM are Copyright (C) 2004-2006 SugarCRM, Inc.;
* All Rights Reserved.
* Contributor(s): ______________________________________.
********************************************************************************/
/*********************************************************************************

* 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.
********************************************************************************/
 
/* Default Styles */
body { 
	margin: 0;
	margin-top: 25px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
}
div.body, table.body { 
	font-size: 8pt;
	padding: 5px;
	border: 1px solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
p {
	margin-top: 0px;
	margin-bottom: 5px;
}
img {
	vertical-align: text-bottom;
}
.theme-icon {
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: text-bottom;
	display: inline-block;
}
.icon-box {
	background: url(images/icon-strip.png) no-repeat;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: text-bottom;
	display: inline-block;
}
.icon-box.default {
	background: url(../Default/images/icon-strip.png) no-repeat;
}
.icon-box img {
	margin: 0;
	display: block;
}
.icon-box.theme-style {
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: url(style-images.png) no-repeat;
}

/* Header */
.logo {
	padding: 5px 10px 5px 15px;
	vertical-align: top;
}
#tlr-logo {
	margin: 2px 5px 5px 10px;
}
#topRight {
	float: right;
	text-align: right;
}
.headerBg {
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: top;
	min-width: 768px;
}
.moduleTitle {
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.moduleTitle h2 {
	margin-left: 3px;
	margin-top: 3px;
}

li {
	list-style-type: square; 
	margin-left: 6px; 
	margin-bottom: 2px;
}
ul {
	margin-top: 2px;
}
	
hr {
	border: 0;
	height: 1px;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

/* Form Styles */
form {
	margin: 0px;
}
input, select, textarea, button, input.dataField, select.dataField {
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
}
input {
	padding-left: 1px;
	padding-right: 1px;
}
input[type='password'] {
	font-family: Verdana;
}
input,select,textarea {
	background-color: #fafafa;
}
select {
	padding: 0;
}
input:focus,textarea:focus, select:focus { 
	background-color: #fff;
	outline: none;
}
div.textarea { /* jotpad */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	padding: 0.4em;
}

button, input[type='button'], input[type='submit'], input[type='reset'], .button, .buttonOn {
	font-family: Geneva, Helvetica, Arial, sans-serif;
	border: 1px solid;
	font-size: 12px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
	padding: 0px 4px;
	line-height: 18px;
	vertical-align: bottom;
}
.button {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type='submit']:hover, input[type='submit']:focus, input[type='button']:hover, input[type='button']:focus,
input[type='reset']:hover, input[type='reset']:focus, button:hover, button:focus,
.buttonOn, .button:hover, .buttonOn:hover, .button:focus, .buttonOn:focus {
	background-color: #ffffff;
	background-position: top;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, button:hover, .button:hover, .buttonOn:hover {
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
}

/* disabled input fields */
input[disabled], input[disabled]:hover, input[disabled]:focus,
input.dataField[disabled], input.dataField[disabled]:hover, input.dataField[disabled]:focus,
textarea[disabled], textarea[disabled]:hover, textarea[disabled]:focus,
select[disabled], select[disabled]:hover, select[disabled]:focus,
select.dataField[disabled], select.dataField[disabled]:hover, select.dataField[disabled]:focus {
	color: #666;
	border-color: #bbb;
	background: #e6e6e6;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input[readonly], input.dataField[readonly], textarea[readonly],
input[readonly]:hover, input.dataField[readonly]:hover, textarea[readonly]:hover,
input[readonly]:focus, input.dataField[readonly]:focus, textarea[readonly]:focus {
	color: #000;
	background: #e6e6e6;
	border-color: #bbb;
}
.button[disabled], .button[disabled]:hover, .button[disabled]:focus {
	border-color: #999;
	background-position: bottom;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
	
.checkbox, .checkbox[disabled], .radio, .radio[disabled] {
	border: none;
	background-color: transparent;
	margin: 0;
	vertical-align: baseline;
}

/* misc containers */
ul.noBullet {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
ul.noBullet .h3Row {
	margin-top: 5px;
}
.subpanelOuter .listViewTitle {
	margin-top: 10px;
	padding: 4px;
}
li.noBullet {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.contentBox {
	border: 1px solid #ddd;
	padding: 10px 15px 15px 15px;
	margin: 10px 0 10px 0;
}
.teamNoticeBox {
	border-bottom: 2px solid;
	padding: 0px 10px 0px 10px;
	background: #fff;
}
.form-top, .form-mid, .form-bottom {
	border: 1px solid;
}
.form-top, .form-mid {
	border-bottom: none;
}
.form-bottom, .form-mid {
	border-top: none;
}
.moveable {
	cursor: move;
}
.dashlet-body {
	margin-bottom: 10px;
	border: 1px solid;
	border-top: none;
}
.dashlet-body.sample-dashlet {
	background-color: #eee;
	border: 2px solid #bbb;
}
.listView.dashlet-body {
	background-color: transparent;
}
.visible-column {
	background-color: #e6e6e6;
	border: 1px dashed #aaa;
}
.more_detail {
	padding: 0 1px 2px 2px;
	vertical-align: baseline;
}

a.body:link, a.body:visited {
	text-decoration: underline;
}
a.body:hover {
	text-decoration: underline;
}

/* page top menu (global links) */
table.myArea {
	font-family: "Lucida Sans", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 1px solid;
	line-height: 22px;
	white-space: nowrap;
	padding: 0;
	margin-left: 20px;
}
table.myArea tr {
	height: 22px;
}
table.myArea td {
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 2px 5px 1px 5px;
}
ul.topMenu {
	padding: 0;
	margin: 0;
}
ul.topMenu li {
	list-style: none;
	margin: 1px;
	display: inline;
}
ul.topMenu a {
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	text-decoration: none;
	border: 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.topMenu li a:link, ul.topMenu li a:visited {
	text-decoration: none;
}

/* theme style chooser */
#colorpicker {
	vertical-align: middle;
}
ul.colorpicker {
	border: none;
	padding: 0px;
	margin: 0;
}
ul.colorpicker li {
	list-style: none;
	display: inline;
	padding: 0px;
	cursor: pointer;
	margin: 0;
}

/* page top tabs */
#tabBar {
	border-top: 2px solid;
	border-bottom: 2px solid;
}
ul.tabBar {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 1.5em;
}
ul.tabBar li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	margin-top: -5px;
	margin-bottom: -4px;
}
ul.tabBar li a {	
	display: block;
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.tabBar li.current a {
	font-weight: bold;
}
.menutab {
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	background-repeat: no-repeat;
}
.menutab.mid {
	min-width: 4em;
}
.menutab.left, .menutab.right {
	width: 10px;
}
.menutab.left {
	background-position: 0 0;
}
.menutab.mid {
	background-position: -10px 0;
}
.menutab.right {
	background-position: -290px 0;
}
a:hover .menutab.left {
	background-position: 0 -42px;
}
a:hover .menutab.mid {
	background-position: -10px -42px;
}
a:hover .menutab.right {
	background-position: -290px -42px;
}
li.current .menutab.left {
	background-position: 0 -84px;
}
li.current .menutab.mid {
	background-position: -10px -84px;
}
li.current .menutab.right {
	background-position: -290px -84px;
}

.moreHandle {
	background: url(images/more.gif) no-repeat bottom left;
}

/* shortcut & recently-viewed popups */
.popupMenuBarOuter {
	border: 1px solid;
	margin-bottom: 0.7em;
	display: inline-block;
}
.popupMenuBar {
}
.popupTitle {
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-left: 1.0em;
	padding-right: 0.5em;
	white-space: nowrap;
	line-height: 22px;
}
.popupMenuOuter {
	padding-right: 1.3em;
}
.popupMenu {
	display: none;
	position: absolute;
	z-index: 99;
	cursor: pointer;
	border: 1px solid;
	background-color: #fff;
	min-width: 100px;
	-moz-box-shadow: 0 2px 3px #999;
	-webkit-box-shadow: 0 2px 3px #999;
}
.popupMenuTable {
	width: 100px;
	cursor: pointer;
	border: none;
}
.popupMenuRow, .popupMenuSource {
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 22px;
	padding: 0 4px 0 6px;
}
.popupMenuRow {
	width: 100%;
}
.popupMenuRow a, .popupMenuRow a:link, .popupMenuRow a:visited {
	text-decoration: none;
	width: 100%;
}
.popupMenuRow.over {
}
.popupMenuSource {
	white-space: nowrap;
	border-left: 1px solid;
	border-right: 1px solid;
	cursor: pointer;
}
.popupMenuSource.no-left {
	border-left: none;
}
.popupArrow {
	margin-left: 0.5em;
	vertical-align: baseline;
}


/* headings */
h1, h2 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 0px;
	line-height: 11pt;
	letter-spacing: 0.05em;
}

h3, .monthHeaderH3, .schedulerTopDateCell {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 2px 0;
	padding: 2px 0 0 0;
	letter-spacing: 0.07em;
	line-height: 110%;
}
.h3Row, .monthHeader, .schedulerTopDateCell {
	border: 1px solid;
	border-bottom-width: 0;
	padding: 2px 5px 2px 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	vertical-align: middle;
	background-repeat: repeat-x;
	background-position: top;
}
.listUpdateHead.closed .h3Row {
	border-bottom-width: 1px;
}
h4, h4.dataLabel, h4.tabDetailViewDL, h5, h5.listViewSubHeadS1 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0 2px 0;
	padding: 0;
	letter-spacing: 0.07em;
}
h4.dataLabel {
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
}
h5.dataLabel {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 0px;
	text-align: left;
	padding-bottom: 15px;
	margin-top: 1px;
	padding-left: 5px;
}

.h3Row h3, .tabDetailViewDL h4 {
	margin-top: 0;
}


/* side menus */
.subMenuOuter {
	border: 1px solid;
	margin-bottom: 10px;
}
ul.subMenu .subMenuOuter {
	border: none;
	margin-bottom: 0;
}
ul.subMenu {
	padding: 0;
	margin: 0;
	font: normal 9pt "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #000;
}
ul.subMenu li {
	list-style: none;
	margin: 0;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	line-height: 16px;
}
ul.subMenu li.current {
	/*border-top-width: 2px;*/
}
ul.subMenu li a {	
	display: block;
	border: none;
	text-decoration: none;
	text-align: left;
	padding: 3px 3px 3px 6px;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.subMenu li a:visited {
	text-decoration: none;
}
ul.subMenu li a:hover {
	background: #cedce9;
	color: #000;
}	
ul.subMenu li span {
	display: block;
	border: none;
	text-decoration: none;
	text-align: left;
	padding: 3px 3px 3px 6px;
}
ul.subMenu li span:hover {
	color: #000;
}
ul.subMenu ul {
	margin: 0 0 0 18px;
	padding: 0;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
ul.subMenu.moduleList {
	min-width: 125px;
}
ul.subMenu .icon-box, ul.subMenu img, ul.subMenu .theme-icon {
	vertical-align: top;
}
.popupMenuSource .icon-box, .popupMenuSource img, .popupMenuSource .theme-icon {
	vertical-align: -4px;
}
h3 .icon-box, h3 img, h3 .theme-icon {
	vertical-align: middle;
}

/* left column */
#leftColumn {
}
#HideHandle {
	background: url(images/side_arrows.gif) no-repeat;
}
#HideMenu {
	background-color: #eee;
}
.leftColumnModuleName {
	font-weight: bold;
}
.leftColumnModuleHead {
	text-align: left;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid;
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.leftColumnModuleBody  {
	font-size: 11px;
	border: 1px solid;
	padding: 8px 8px 5px 8px;
	background-repeat: repeat-x;
	background-position: bottom;
}
.leftColumnModuleBody input, .leftColumnModuleBody select {
	margin-bottom: 4px;
	margin-top: 2px;
}
.leftColumnModuleBody .button {
	padding-top: 0px;
	vertical-align: bottom;
	font-size: 11px;
}
.leftColumnModuleBody .dataLabel {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
	font-size: 11px;
}
.leftColumnModuleBody .dataField {
	padding-bottom: 3px;
}
.leftColumnModuleBody #jscal_trigger {
	margin-bottom: 4px;
	margin-top: 2px;
	vertical-align: bottom;
}

a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
	text-decoration: underline;
	border-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
}
a.leftColumnModuleS3Link:hover {
	text-decoration: underline;
	border-bottom: 0px;
}
	
/* listviews */
.listView {
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.listEditor {
	border: 1px solid;
}
.listViewHRS1 {
	height: 1px;
}
.pageNumbers {
	padding: 0 0.7em;
}
.listViewTitle {
	text-align: left;
	padding: 6px 4px 6px 6px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

.listViewColumns th, .listViewThS1, .listEditorHead th {
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid;
	border-left: none;
	border-right: none;
	border-top: 1px solid;
	height: 25px;
	line-height: 13px;
	background-repeat: repeat-x;
	background-position: bottom;
}
.listEditorHead th {
	border-top: none;
}

.listViewColumns th a:link, .listViewColumns th a:visited,
a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
	font-weight: bold;
	text-decoration: none;
}
.listViewColumns th a:hover,
a.listViewThLinkS1:hover {
	text-decoration: none;
}

a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	font-size: 12px;
	text-decoration: none;
}
a.listViewTdLinkS1:hover {
	text-decoration: underline;
}
a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited,
a.listViewTdToolsS1:hover {
	text-decoration: none;
}
a.listViewTdLinkS1 img {
	vertical-align: middle;
}
.evenListRowS1, .oddListRowS1, .listViewRow {
	vertical-align: top;
}
.evenListRowS1 td, .oddListRowS1 td, .listViewTd, .listViewRow td {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 120%;
}
td.listViewMeta {
	padding-left: 9px;
	white-space: nowrap;
}
.listEditor .evenListRowS1 td, .listEditor .oddListRowS1 td, .listSectionHead th {
	border-bottom: 1px solid;
}
.listSectionHead {
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.listSectionHead th {
	padding: 2px 2px 1px 5px;
	text-align: left;
}
td.utilsCell {
	padding: 2px 4px 2px 2px;
}
.depth1 .depthColumn {
	padding-left: 20px;
}
.depth2 .depthColumn {
	padding-left: 40px;
}
.depth3 .depthColumn {
	padding-left: 60px;
}
.depth4 .depthColumn {
	padding-left: 80px;
}
.depth5 .depthColumn {
	padding-left: 100px;
}
.listAddLine {
	margin: 3px 0 2px 0;
	font-size: 90%;
	line-height: 100%;
}
.listLongText {
	vertical-align: top;
	font-size: 8pt;
	line-height: 8pt;
}
a.listViewNameLink {
	text-decoration: none;
}
a.listViewExtLink {
	text-decoration: none;
}
.listViewIconTd, td.listViewIconTd {
	padding: 2px 0 2px 3px;
}
.itemNumber {
	font-family: Monaco, monospace;
}
.topLabel {
	font-size: 8pt;
	font-weight: bold;
	padding: 0;
	line-height: 14pt;
	margin: 2px 0 0 0;
}

.tabDetailView .listViewPaginationTdS1 {	
	padding: 2px 5px 3px 8px;
	border-bottom: 1px solid;
}
.listViewPaginationTdS1 {
	padding: 2px 4px;
	height: 20px;
	vertical-align: middle;
}
.listViewFooter .listViewPaginationTdS1 {
	border-top: 1px solid;
}
.listViewPaginationTdS1 button, button .icon-box, button img {
	vertical-align: middle;
}
/*button .icon-box {border: 1px solid red;}*/
a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
}
a.listViewPaginationLinkS1:hover {
	text-decoration: underline;
}
a.listViewCheckLink:link, a.listViewCheckLink:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.listViewCheckLink:hover {
}

a.utilsLink:link, a.utilsLink:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 3px;
}
a.utilsLink:hover .utilsLabel {
	text-decoration: underline;
}
.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;
}
/*.listViewButtons button {
	vertical-align: baseline;
}*/
.listViewFilter {
	border-bottom: 1px solid;
}
.listViewSearchDiv .button-bar {
	margin-top: 8px;
	padding: 0;
	margin-bottom: 2px;
	border: 0;
}
.mini-dialog .button-bar {
	border: 0;
	padding: 2px;
}
.searchField {
	vertical-align: top;
}

/* charting styles */
.chartBox {
	border: 1px solid;
	padding: 5px;
}
a.chartToolsLink:link, a.chartToolsLink:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.chartToolsLink:hover {
	text-decoration: none;
}
table.chartForm {
	border: 1px solid;
	padding: 5px;
}
	
/* main tab forms */
.tabForm {
	border: 1px solid;
	padding: 10px 6px 12px 10px;
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: top;
}
.configForm {
	padding: 6px;
}
.subpanelTabForm {
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 15px 0px 12px 0px;
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: top;
}
table.subpanelTabForm td .listViewButtons {
}
.subpanelTabForm p {
	margin-bottom:0;
}
.subpanelTabForm .h3Row {
	padding-bottom: 5px;
	margin-top: 0;
}
.subpanelTabForm .listView {
	margin-bottom: 10pt;
}
.subpanelTabSpace * {
	display: none;
}
.emptySubpanel {
	height: 1pt;
	margin-bottom: 9pt;
	border: 1px solid;
	border-top: none;
}

/* edit forms */
td.dataLabel{
	padding : 4px 5px 2px 5px;
	vertical-align: top;
}
.dataLabel {
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.55;
}
td.dataField {
	padding: 3px 2px 2px 0;
	vertical-align: top;
}
.dataField {
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.fieldDesc, td.fieldDesc {
	font-style: italic;
	font-size: 11.5px;
	padding-right: 10px;
}
.dataLabel_s {
	font-size: 10px;
}
.dataField_s {
	font-size: 10px;
}

	
.tabFormAddDel {
	padding-left: 4px; 
	padding-right: 4px; 
	vertical-align: middle; 
	text-align: center;
}
	
a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
	font-size: 11px;
	text-decoration: none;
	line-height: 20px;
	margin-right: 2px;
}
a.tabFormAdvLink:hover {
	text-decoration: none;
}
	
/* main tab panel views */
.tabDetailView {
	border: 1px solid;
}
	
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL, table.monthHeader td {
	border: none;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

.tabDetailViewDL {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 6px 2px 6px;
	vertical-align: top;
	text-align: right;
	border-bottom: 1px solid;
	empty-cells: show;
}
h4.tabDetailViewDL {
	margin-bottom: 0px;
	text-align: left;
	border: none;
	padding: 2px 4px;
}
th.tabDetailViewDL {
	padding: 2pt;
}
.tabDetailViewDF {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid;
	padding: 5px 10px 5px 6px;
	vertical-align: top;
	empty-cells: show;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
	text-decoration: none;
}
a.tabDetailViewDFLink:hover {
}
	
.tabDetailView2 {
	border: 1px solid;
}
.tabDetailViewDL2 {
	font-size: 12px; 
	font-weight: normal;
	padding: 3px 6px 4px 6px;
	vertical-align: middle;
	border-top: 1px solid;
}
.tabDetailViewDF2 {
	font-size: 11px;  
	border-left: 2px solid;
	font-weight: normal; 
	padding: 4px 10px 4px 6px;
	vertical-align: middle;
}
a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
	font-size: 11px;
	text-decoration: underline;
}
a.tabDetailViewDL2Link:hover {
}

/* calendar styles */
a.NextPrevLink:link, a.NextPrevLink:visited, a.NextPrevLink:hover {
	text-decoration: none;
}
.calendarbox {
	border-left: 1px solid;
	border-right: 1px solid;
}
.calendar_footer {
	border: 1px solid;
}
.dashlet-body .calendarHead {
	border-left: none;
	border-right: none;
}
.dashlet-body .calendarbox {
	background: transparent;
}
.dashlet-body .calendar_footer, .dashlet-body .calendarbox {
	border-left: none;
	border-right: none;
}
.dashlet-body .calendar_footer {
	border-bottom: none;
}
.dashlet-filter {
	margin: 0 5px 5px 5px;
}
.dashlet-filter .topLabel {
	color: #555;
}

/* misc font displays */
.todaysTask {
	color: #FF7800
}
.overdueTask {
	color: #ff0000;
}
.required, .requiredStar {
	color: #ff0000;
}
.error {
	color: #ff0000;
}
.success {
	color: #00ee00;
}
.updated {
	color: #09c;
}
.rssItemDate {
	color: #666666;
	font-size: 11px;
}
.dateFormat {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}
.chartFootnote {
	font-size: 11px;
	padding: 0 3px;
}
	
.tm {
	font-size: 8px;
}

a.footerLink:link, a.footerLink:visited {
	text-decoration: none;	
}
a.footerLink:hover {
	text-decoration: underline;
}
	
/* Scheduler Styles */
.schedulerDiv {
	font-size: 12px;
	color: #000000;
	text-align: left;
	width: 100%;
	background-color: #FAFAFA;
	border-collapse: collapse;
	border-bottom: 1px solid #999;
	margin-top: 0px;
}
.schedulerTable {
	width: 100%;
	border-collapse: collapse;
}
table.schedulerTable td {
	height: 18px;
}

.schedulerTopRow, .schedulerTopDeleteHeaderCell, .schedulerDeleteHeaderCell, .schedulerTopHeaderCell, .schedulerAttendeeHeaderCell, .schedulerAttendeeHeaderCell  {
	height: 22px; 
	border-bottom: 1px solid #ddd; 
}

.schedulerTimeRow{
	border-top: 1px solid #999; 
	border-collapse: collapse;
}
.schedulerTimeCell, .schedulerAttendeeDeleteCell {
	border-left: 1px solid #dddddd;
	padding-left: 4px;
}

.schedulerAttendeeCell {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #ddd; 
	overflow: hidden;
    padding-left: 4px;
	width: 125px;
}
.schedulerAttendeeIconCell {
	border: 1px solid #dddddd;
  	padding: 0px;
	width: 16px;
}
.schedulerSlotEmptyDiv {
	border: 0px solid transparent;
	width: 100%;
	height: 100%;
}
.schedulerSlotCellStartTime {
	border-left: 4px solid #75AF4F;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  	padding: 0px;
	background-color: #eeeeee;
	width: 15px;
}
.schedulerSlotCellEndTime {
	border-left: 4px solid #ff0000;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  	padding: 0px;
	background-color: #eeeeee;
	width: 15px;
}
.schedulerSlotCellHour {
	border: 1px solid #dddddd;
  	padding: 0px;
	background-color: #eeeeee;
	width: 15px;
}
.schedulerAttendeeRow {
}

.schedulerEvenListRow, .schedulerOddListRow {
	padding: 2px 5px 4px 5px;
	background-color: #f6f6f6;
}


/* section tabs */
ul.tablist, ul.subpanelTablist {
	display: block;
	padding: 0 0 0 1em;
	margin: 0;
	border-bottom: 1px solid;
	font-size: 12px;
	line-height: 15px;
}
ul.subpanelTablist {
	margin-top: 1em;
}
ul.tablist li, ul.subpanelTablist li {
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-bottom: -1px;
}
ul.tablist li a, ul.subpanelTablist li a {
	display: block;
	background-repeat: repeat-x;
	background-position: top;
	padding: 3px 8px;
	margin: 0px;
	border: 1px solid;
	border-bottom: none;
	text-decoration: none;
	white-space: nowrap;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

ul.tablist li a:link, ul.tablist li a:visited,
ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
	text-decoration: none;
}
ul.tablist li a:hover, ul.subpanelTablist li a:hover {
	background-repeat: repeat-x;
	background-position: bottom;
}

ul.tablist li a.current, ul.tablist li a.current:hover,
ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid;
	font-weight: bold;
}

/* quicksearch */
.sqsFloater {
	position:absolute;
	z-index:2;
	display:none;
	padding:0;
}
.sqsFloater td {
	border:1px inset;
	color:black;
}
.sqsMatchedSmartInputItem {
	font-size:11px;
	padding: 2px 5px 2px 5px;
	margin: 0;
	cursor: pointer;
}
.sqsSelectedSmartInputItem {
	background-color:#DEEFFF;
}
#sqsSmartInputResults {
	padding:0;margin:0;
}
.sqsNoMatch {
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	background-color:#eeeeee;
	color:#980000;
}

/* overlib */
.olFontClass { }
.olFontClass a { }
.olCapFontClass, .olOptionsCapFontClass { 
	font-weight: bold; 
	color: #222222;
	background-color: #dfdfdf; 
}
.olCapFontClass a, .olOptionsCapFontClass a { 
	color: #dfdfdf; 
	font-size: 9px; 
}
.olFgClass td { 
	background-color: #f9f9f9; 
	padding: 5px 7px 7px 7px;
	line-height: 18px;
}
.olOptionsFgClass td {
	background-color: #f9f9f9;
}
.olCgClass td, .olOptionsCgClass td {
	border-top: 1px solid #f1f1f1; 
	border-bottom: 1px solid #aaaaaa;
	background-color: #dfdfdf; 
	padding-left: 5px;  
}
.olCgClass {
	padding: 0px;
	border: 0px;
}
.olBgClass { 
	background-color: #9e9e9e; 
}
.olCloseFontClass, .olOptionsCloseFontClass { 
	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, .aclGroup, .aclRole {
	color: #0000FF;
	font-weight: bold;
}
.aclNormal {
	color: #008000;
	font-weight: bold;
}
.aclInactive {
	color: #888;
}


/* help styles */
table.tabForm td ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

.helpButton {
	font-weight: bold;
}
.helpShortcut {
	font-weight: bold;
}


/* generic popup menus */
.menu {
	position:absolute;
	display:none;
	background-color:#f6f6f6;
	border: #999999 solid 1px;
	opacity: 0.9;
	z-index: 20000;
}
.menuItem, .menuItem:visited, .menuItem:hover, .menuItem:active, .menuItem:link {
	font-family: Arial,Verdana, Helvetica, sans-serif ;
	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, .menuItem:active {
	color: #000;
}
.menuItem {
	background-color:#f6f6f6;
}
.menuItem.hilite {
	background-color:#FFFFFF;
}


.loginForm {
	-webkit-box-shadow: 0 2px 4px rgba(150, 150, 180, 150);
	-moz-box-shadow: 0 2px 4px rgba(150, 150, 180, 150);
	box-shadow: 0 2px 4px rgba(150, 150, 180, 150);
}
.loginLeft {
	background-color: white;
	background-image: url(../../include/images/iah/lr_logo_bg.png);
	background-repeat: no-repeat;
	background-position: 150px -120px;
}
.tabForm.loginBody, .loginMain .button-bar {
	border: none;
	background: none;
}
.loginMain .button-bar {
	padding: 2px 10px;
}


/* traditional page footer */
.footer {
	border-top: 1px solid;
	margin-top: 2em;
	padding-top: 0.8em;
	padding-bottom: 28px;
	text-align: center;
	width: 100%;
}
.footer_settings {
	margin: auto;
}
.footer hr {
	width: 90%;
	/*height: 2px;*/
}
.footer a:link, .footer a:visited {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .input-select {
	font-size: 11px;
}


/* bottom floating toolbar */
.floating-tbar {
	height: 28px;
	position: fixed;
	top: 0px;
	z-index: 1000;
	width: 100%;
	padding: 0;
	margin: 0 0 -3px 0;
	background: url(shadow.png) repeat-x 0 bottom;
}
.floating-tbar .theme-icon, .floating-tbar .input-icon, .floating-tbar img {
	vertical-align: -4px;
}
.tbar-table {
	border-bottom: 1px solid #888;
	background: #cdcdcd;
	border-spacing: 0;
}
.tbar-table tr {
	height: 24px;
	vertical-align: top;
}
.tbar-cell {
	height: 24px;
	line-height: 23px;
	/*padding-top: 2px;*/
	font-family: Geneva, "MS Sans Serif", sans-serif;
	font-size: 11px;
	white-space: nowrap;
	color: #333;
	text-align: center;
	padding: 0;
}
.tbar-cell.app-name {
	text-align: left;
	overflow: hidden;
}
.tbar-cell.app-name a {
	font-size: 10px;
	margin-left: 0.6em;
}
.tbar-cell .lic-info {
}
.tbar-cell a, .tbar-cell a:link, .tbar-cell a:visited {
	color: #222;
	text-decoration: none;
	cursor: default;
}
a.box, a.box:link, a.box:visited {
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 0 1px;
	padding: 0 0.8em 0 0.6em;
	border-width: 0 1px;
	border-style: dotted;
	border-color: transparent;
}
a.box:hover, a.box.active {
	border-style: solid;
	border-color: #aaa;
	background-color: #f6f6f6;
	color: #000;
}
a.box.with-popup {
}
.tbar-search {
	vertical-align: middle;
	height: 18px;
	margin-top: -2px;
	background: transparent;
	background: rgba(100, 100, 100, 0.08);
	background: -webkit-gradient(linear, 0 0, 0 50%, from(rgba(100,100,100,0.1)), to(rgba(100,100,100,0)));
	border-color: #777;
	border-top-color: #666;
}
.input-search .icon-search {
	margin-top: 1px;
}


/* css transitions */
.fade {
	transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
}
.fade.hidden {
	opacity: 0;
}

.edit_layout {
	cursor: move;
}
.edit_layout_delete {
}
.edit_layout_wrapper {
	padding: 2px;
	border: solid 1px #CCC;
	height: 100%;
}

.input-tabgroup {
	padding-left: 3px;
}
.tab-button, .tab-button:hover, .tab-button:focus {
	color: #444;
	border: none;
	background: none;
	height: 20px;
	line-height: 20px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-left: 10px;
	margin-bottom: 1px;
	padding: 0 2px;
	margin-right: -3px;
	font-family: Verdana, Arial, Helvetica, sans;
}
.tab-current .tab-button {
	color: #369;
	text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 2px;
	font-weight: bold;
}
.tab-button.no-label .input-label {
	display: none;
}
.tab-outer, .tab-end, .tab-final {
	background-image: url(blue/tabgroup.png);
	height: 24px;
	vertical-align: bottom;
}
.tab-outer {
	position: relative;
	background-position: 0 top;
	margin-left: 8px;
}
.tab-outer.presep {
	margin-right: 14px;
}
.tab-end {
	background-position: left top;
	position: relative;
	margin-right: -20px;
	z-index: -1;
}
.tab-outer.tab-normal {
	background-position: 0 -26px;
}
.tab-outer.tab-hover {
	background-position: 0 -78px;
}
.tab-outer.tab-current {
	background-position: 0 -52px;
}
.tab-outer.tab-disabled {
	background-position: 0 -104px;
}
.tab-normal .tab-end {
	background-position: right -26px;
}
.tab-hover .tab-end {
	background-position: right -78px;
}
.tab-current .tab-end {
	background-position: right -52px;
}
.tab-disabled .tab-end {
	background-position: right -104px;
}
.tab-disabled .tab-button {
	color: #777;
}

.massUpdate .dataField {
	padding: 0 10px 4px 2px;
}
.listOffset {
	padding: 0 5px;
}
.listOffset .dataField {
	padding: 5px 0;
}
.list-group-label {
	font-size: smaller;
	font-weight: bold;
	color: #666;
}
.list-edit-value {
	border-bottom: 1px dotted #000;
}
.list-edit-value:hover {
	border-bottom-color: #369;
}
.list-edit-value.disabled {
	border-bottom-color: #888;
}
.requiredStar {
	padding-left: 0.3em;
}


@media only screen and (max-device-width: 1024px) {
	.floating-tbar {
		position: absolute;
	}
}
@media only screen and (max-device-width: 480px) {
	.floating-tbar {
		position: absolute;
	}
}
@media only print {
	.floating-tbar, .myArea, #leftColumn, .footer {
		display: none;
	}
	ul.tabBar li a {
		color: black !important;
		text-shadow: none !important;
	}
}