/* $Id: default.css 950 2018-01-03 07:53:21Z timw $ */
/**
 * HTML Elements
 */
BODY {
  margin:                                 0px;

  background-color:                       #f5f7f8;
  color:                                  #000000;
  font-family:                            /*"Trebuchet MS", Verdana,*/ Arial, Helvetica, sans-serif;
  font-size:                              70%;

  overflow:                               hidden;
}
BODY {
  margin:                                 auto;
}
/**
 * Clear Margins
 */
FORM, H1, H2, H3, H4, H5, H6, H7, P, DL, UL, OL {
  margin:                                 0px;
}

A {
  color:                                  #444444;
}
A > IMG {
  margin-right:                           3px;
}


/**
 * TOOLBARS
 */
#toolbarmenu TD {
  padding-right: 10px;
}
#toolbarmenu TD:first-of-type {
  padding-left: 10px;
}
.toolbarButton {
  border:                                 1px solid;
  border-bottom-color:                    #DDDDFF;
  border-left-color:                      #EEEEFF;
  border-right-color:                     #DDDDFF;
  border-top-color:                       #EEEEFF;
  height:                                 16px;
  margin:                                 0px;
  padding:                                2px;

  background-color:                       transparent;
  color:                                  black;
  cursor:                                 pointer;
  font-size:                              10px;
  line-height:                            16px;
  text-decoration:                        none;
}
.toolbarButtonRight {
  float:                                  right;
}
.toolbarButton:hover {
  border:                                 1px solid !important;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;
  margin:                                 0px;

  background-color:                       #f5f7f8 !important;
}
.toolbarButtonHasText {
  padding-left:                           2px;
}
.toolbarButtonHasIcon {
  padding-left:                           14px;

  background-size:                        12px 12px;
  background-image:                       none;
  background-position:                    1px 2px;
  background-repeat:                      no-repeat;
}
.toolbarButtonHasIconOnly {
  float:                                  left;
  width:                                  14px !important;
  padding-left:                           2px;
}
A.toolbarOptionsMenu {
  display:                                block;
  min-width:                              150px;
  width:                                  96%;
}
A.toolbarOptionsMenu:hover {
  height:                                 15px;
}
/* Button Definitions */
.toolbarButtonAdvancedOptions {
  background-image:                       url('images/buttonicon-advancedoptions.png');
}
.toolbarButtonClose {
  background-image:                       url('images/buttonicon-close.png');
}
.toolbarButtonConfiguration {
  background-image:                       url('images/buttonicon-configuration.png');
}
.toolbarButtonContactsContactAdd {
  background-image:                       url('images/buttonicon-contact-add.png');
}
.toolbarButtonContactsGroupAdd {
  background-image:                       url('images/buttonicon-group-add.png');
}
.toolbarButtonDelete {
  background-image:                       url('images/buttonicon-delete.png');
}
.toolbarButtonEmail {
  background-image:                       url('images/buttonicon-email.png');
}
.toolbarButtonExport {
  background-image:                       url('images/buttonicon-export.png');
}
.toolbarButtonGraphs {
  background-image:                       url('images/buttonicon-graphs.png');
}
.toolbarButtonImport {
  background-image:                       url('images/buttonicon-import.png');
}
.toolbarButtonInfo {
  background-image:                       url('images/buttonicon-info.png');
}
.toolbarButtonInvoiceAdd {
  background-image:                       url('images/buttonicon-invoice-add.png');
}
.toolbarButtonLinkOutgoing {
  background-image:                       url('images/buttonicon-link-outgoing.png');
}
.toolbarButtonNewWindow {
  background-image:                       url('images/icon-newwindow.png');
}
.toolbarButtonPlugin {
  background-image:                       url('images/buttonicon-plugin.png');
}
.toolbarButtonReports {
  background-image:                       url('images/buttonicon-reports.png');
}
.toolbarButtonSave {
  background-image:                       url('images/buttonicon-save.png');
}
.toolbarButtonSearch {
  background-image:                       url('images/buttonicon-search.png');
}
.toolbarButtonSearchAdvanced {
  background-image:                       url('images/buttonicon-searchadvanced.png');
}
.toolbarButtonSettings {
  background-image:                       url('images/buttonicon-settings.png');
}
.toolbarButtonSortDesc {
  background-image:                       url('images/buttonicon-sort-desc.png');
}
.toolbarButtonUser {
  background-image:                       url('images/buttonicon-user.png');
}
.toolbarButtonUserAdd {
  background-image:                       url('images/buttonicon-user-add.png');
}
/* Disabled toolbar button - last as it overwrites above images */
.toolbarButtonDisabled {
  background-image:                       url('images/buttonicon-disabled.png');
  color:                                  #788D9E;
}
.toolbarButtonDisabled:hover {
  background-color:                       transparent;
  cursor:                                 not-allowed;
}

/**
 * ICONS
 */
IMG.cellicon {
  border:                                 0 solid black;
  height:                                 16px;
  width:                                  16px;

  cursor:                                 pointer;
  vertical-align:                         middle;
}
IMG.icon,
SPAN.icon {
  display:                                inline-block;

  border:                                 0 solid black;
  height:                                 16px;
  margin-left:                            1px;
  margin-right:                           1px;
  width:                                  16px;
  background-size:                        16px 16px;

  cursor:                                 pointer;
  vertical-align:                         middle;
}
.icon-disabled {
  opacity:                                0.4;
  filter:                                 alpha(opacity=40); /* msie */
  background-color:                       #000;
}
.iconCalendar {
  background-image:                       url('images/icon-calendar.png');
}
.iconClear,
.iconTransparent {
  background-image:                       url('images/icon-transparent.png');
}
.iconCategoryClosed {
  background-image:                       url('images/icon-category-closed.png');
}
.iconCategoryOpen {
  background-image:                       url('images/icon-category-open.png');
}
.iconCategoryTree {
  width:                                  5px;

  background-image:                       url('images/icon-category-tree.png');
}
.iconCategoryTreeEnd {
  width:                                  5px;

  background-image:                       url('images/icon-category-tree-end.png');
}
.iconCalendarEmpty {
  background-image:                       url('images/icon-calendar-empty.png');
}
.iconContact {
  background-image:                       url('images/icon-contact.png');
}
.iconEmail {
  background-image:                       url('images/icon-email.png');
}
.iconEmailAttachment {
  background-image:                       url('images/icon-email-attachment.png');
}
.iconEnvelope {
  background-image:                       url('images/icon-envelope.png');
}
.iconFacebook {
  background-image:                       url('images/icon-facebook.png');
}
.iconFamily {
  background-image:                       url('images/icon-family.png');
}
.iconGroup {
  background-image:                       url('images/icon-group.png');
}
.iconInvoice {
  background-image:                       url('images/icon-invoice.png');
}
.iconInvoiceUnpaid {
  background-image:                       url('images/icon-invoice-unpaid.png');
}
.iconItemDelete {
  background-image:                       url('images/icon-item-delete.png');
}
.iconItemNew {
  background-image:                       url('images/icon-item-new.png');
}
.iconPrintEnvelope {
  background-image:                       url('images/icon-print-envelope.png');
}
.iconReport {
  background-image:                       url('images/icon-report.png');
}
.iconSearchClear {
  background-image:                       url('images/icon-search-clear.png');
}
.iconSetField {
  background-image:                       url('images/cellicon-setfield.png');
}
.iconSort {
  background-image:                       url('images/icon-sort.png');
}
.iconTick {
  background-image:                       url('images/icon-tick.png');
}
.iconTransaction {
  background-image:                       url('images/icon-transaction.png');
}




TR.none TD,
TR.odd TD,
TR.even TD,
TR.alternate TD {
  border:                                 1px solid #F0F0F0;
  border-left:                            0px;
  border-right:                           0px;
  padding-top:                            2px;
  padding-bottom:                         2px;
}
TR.odd {
  background-color:                       transparent;
}
TR.even,
TR.alternate {
  background-color:                       transparent;
}
TR.none:hover,
TR.odd:hover,
TR.even:hover,
TR.alternate:hover {
  background-color:                       #E8F1FF;
}
TR.new {
  background-color:                       #EEFFEE;
}
INPUT.currency,
INPUT.number,
TH.currency,
TH.number,
TD.currency,
TD.number {
  text-align:                             right !important;
}
H4 {
  margin:                             	 	0px;
  margin-bottom:                          2px;
  margin-top:                          		2px;

  background-color:                       #CCCCCC;
  font-size:                              1.1em;
}
PRE {
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
	font-size: 															1.0em;
}




/**
 * New Zimbra Like Styling
 */
#apptitle {
  height:                                 50px;
  padding:                                0px;

  color:                                  #666666;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              1.2em;
  font-weight:                            bold;
  background-color:                       #E7F8FF;
  background-image:                       url('images/panda-version-panel.png');
  background-position:                    top right;
  background-repeat:                      no-repeat;
}
#apptopmenu {
  border:                                 0px solid;
  border-bottom-color:                    #5F6C77;
  border-left-width:                      0px;
  border-right-width:                     0px;
  border-top-width:                       0px;
  display:                                block;
  height:                                 25px;
  padding-left:                           5px;
  width:                                  auto;

  background-color:                       #048abb;
}
#apptopmenu UL {
  display:                                inline;
  margin:                                 0px;
  padding:                                10px 10px 0px 0px;

  list-style:                             none;
}
#apptopmenu LI {
  display:                                inline;
  float:                                  left;
  height:                                 25px;
  margin:                                 0px;
  margin-left:                            2px;
  overflow:                               hidden;
  padding:                                0px;

  background-color:                       #048abb;
  border:                                 0px solid rgb(3, 121, 171);
  border-bottom-width:                    0px;
}
#apptopmenu LI.right {
  float:                                  right;
}
#apptopmenu LI A {
  display:                                block;
  float:                                  left;
  height:                                 19px;
  margin:                                 0px;
  padding-bottom:                         3px;
  padding-left:                           8px;
  padding-right:                          20px;
  padding-top:                            3px;

  font-size:                              10px;
  font-weight:                            bold;
  text-decoration:                        none;
  color:                                  #fff;
}
#apptopmenu LI:hover {
  height:                                 24px;

  background-color:                       #0379ab !important;
}
#apptopmenu LI A:hover {
  color:                                  #fff !important;
}
#apptopmenu LI.up {
  overflow:                               visible;
  height:                                 25px;

  background-color:                       #fff;
  border:                                 0px solid rgb(3, 121, 171);
  border-bottom-width:                    0px;
}
#apptopmenu LI A.up {
  height:                                 20px;
  color:                                  #444;

}
#apptopmenu LI IMG.menuicon {
	height:																	20px;
	width:																	20px;
	
  border-width:                           0px;
  padding-left:                           4px;
  padding-right:                          4px;

  vertical-align:                         -50%;
}
#appsubmenu {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-width:                      0px;
  border-right-width:                     0px;
  border-top-color:                       #8597A7;
  border-top-width:                       0px;
  height:                                 24px;
  margin-bottom:                          2px;

  background-color:                       #fff;
}
.submenu_options_menu {
  z-index:                                100;

  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-width:                       0px;
  background-color:                       #FFF;

  padding:                                2px;
}
/**
 * Sub page Menus
 */
.appMenuAdjust {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-width:                      0px;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;
  float:                                  left;
  height:                                 100%;

  background-color:                       #048abb;
  cursor:                                 ew-resize;
}
.appMenuAdjust > .panelclose {
  height:                                 100%;
  width:                                  5px;


  background-color:                       transparent;
  background-image:                       url('images/app-ui/panel-close.gif');
  background-position:                    center center;
  background-repeat:                      no-repeat;
}
#appmainframe {
  border:                                 0px solid #999999;
  /*height:                                 46.0em;*/
  margin-left:                            2px;
  margin-right:                           2px;
  margin-top:                             0px;
  /*overflow:                               auto;*/
  padding:                                0px;
  width:                                  auto;
  float: left;

  background-color:                       transparent;
  color:                                  #666666;
}
.appMenuLeft,
.appMenuMiddle {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  /*border-right-color:                     #5F6C77;*/
  border-right-width:                     0px;
  border-top-color:                       #8597A7;
  float:                                  left;
  margin-right:                           0px;
  margin-left:                            2px;
  overflow:                               hidden;
  width:                                  160px;

  background-color:                       #CEE2F2;
}
.appMenuMiddle {
/*  margin-top:                             2px; */

}
.appMenuLeft DIV.menuheader,
.appMenuLeft DIV.subheader,
.appMenuMiddle DIV.menuheader,
.appMenuMiddle DIV.menusubheader {
  border-bottom:                          1px solid #8597A7;
  height:                                 18px;
  overflow:                               hidden;
  padding-left:                           2px;
  padding-right:                          2px;
  padding-top:                            1px;
  white-space:                            nowrap;

  background-color:                       #048abb;
  color:                                  #fff;
  font-weight:                            bold;
}
.appMenuLeft DIV.subheader,
.appMenuMiddle DIV.menusubheader {
  background-color:                       #FFF;
  font-weight:                            normal;
  text-align:                             left;
}
.appMenuLeft DIV.subheader:hover,
.appMenuMiddle DIV.menusubheader:hover {
  background-color:                       #E8F1FF;
}
DIV.subheader A.toolbarButton,
DIV.menusubheader A.toolbarButton {
  width:                                  100%;
}
DIV.subheader A.toolbarButton:hover,
DIV.menusubheader A.toolbarButton:hover {
  border:                                 0px solid;
  background-color:                       transparent;
}
.appMenuLeft DIV.menusubheader,
.appMenuMiddle DIV.menusubheader {
  height:                                 22px;

  background-color:                       #FFF;
}
.appMenuLeft DIV.menuscroll,
.appMenuMiddle DIV.menuscroll {
  height:                                 300px;
  overflow:                               hidden;
  overflow-y:                             scroll;
  padding:                                2px;
  width:                                  auto;

  background-color:                       #F8F8F8;
}
.appMenuLeft DIV.menuscroll TABLE.list TR,
.appMenuMiddle DIV.menuscroll TABLE.list TR {
  height:                               10px !important;
}
.appMenuLeft DIV.menuscroll TABLE.list TD,
.appMenuMiddle DIV.menuscroll TABLE.list TD {
  padding:                              1px;
}
.appMenuLeft DIV.menuscroll TABLE.list INPUT[type=checkbox],
.appMenuMiddle DIV.menuscroll TABLE.list INPUT[type=checkbox] {
  margin:                               1px;
  margin-left:                          3px;
  margin-right:                         3px;
  vertical-align:                       middle;;
}
#appMessagePanel {
  position:                               absolute;
  left:                                   35%;
  top:                                    20px;

  border:                                 3px solid #00CC00;
  -moz-border-radius:                     10px;
  -moz-opacity:                           0.8;
  min-height:                                 100px;
  margin:                                 auto;
  padding-bottom:                            20px;
  padding-top:                            20px;
  width:                                  30%;

  background-color:                       #CCFFCC;
  font-size:                              2.0em;
  font-weight:                            bold;
  text-align:                             center;
}




.apppage {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;

  background-color:                       #F8F8F8;
  color:                                  #444;
}
.apppagedefault {
  background-image:                       url(images/logo-timwielcodebase.png);
  background-position:                    bottom 10px right 10px;
  background-repeat:                      no-repeat
}
.apppage .heading {
  border-left:                            10px solid #F8F8F8;
  height:                                 36px;
  padding-left:                           30px;

  background-color:                       #F8F8F8;
  background-image:                       none;
  background-position:                    left;
  background-repeat:                      no-repeat;
  color:                                  #444;
  font-size:                              1.8em;
  font-weight:                            bold;
  line-height:                            36px;
}
.apppage .toolbar {
  border:                                 1px solid #E9E9E9;
  border-left-width:                      0px;
  border-right-width:                     0px;
  height:                                 24px;

  background-color:                       #FFF;
  
}
.apppage .toolbar TABLE {
  width:                                  auto !important;
}
.apppage .toolbar TD {
  padding:                                1px;
}
.apppage DIV.scroll {
  height:                                 400px;
  overflow:                               auto;
  overflow-x:                             hidden;
  width:                                  auto;

}
/*#pandadetails.small .apppage DIV.scroll {
  height:                                 239px;
}*/

.apppage .sectionheading {
  border-bottom:                          0px solid black;
  margin-bottom:                          5px;
  padding-left:                           5px;
  padding-top:                            10px;

  color:                                  #444;
  font-size:                              1.3em;
  font-weight:                            bold;
}
/*.apppage DIV.tabbedcontent {
  width:                                  auto;
  background-color:                       #FFF;
  margin-left:                            5px;
  border:                                 1px solid #F0F0F0;
  border-top:                             0px;
}*/
.apppage TABLE {
  width:                                  100%;
}
.apppage TR.rowclear,
.apppage TR.rowclear TD {
  height:                                 8px !important;
  font-size:                              6px !important;
}
.apppage TD.label {
  padding:                                2px;
  width:                                  150px;
  height:                                 18px;
  
  border:                                 0px solid;
  border-color:                           #C9C9C9;
  border-right-width:                     1px;  

  background-color:                       #E8F1FF;
  color:                                  #444;
  font-size:                              1.0em;
  text-align:                             right;
  text-transform:                         lowercase;
  vertical-align:                         middle;
}
.apppage TD.label SPAN.required {
  color:                                  red;
}
.apppage TD.data,
.apppage TD.edit {
  padding:                                2px;
  
  font-size:                              1.0em;
  vertical-align:                         middle;
}
.apppage TD.data {
  border:                                 0px solid;
  border-color:                           #FFF;
  height:                                 18px;

  background-color:                       transparent;
  color:                                  black;
}
.apppage TD.edit {
}
.apppage TD.data DIV.calendardata,
.apppage TD.edit DIV.calendardata {
  float:                                  left;
}
.apppage .ui-datepicker-trigger,
.apppage IMG.calendaricon {
  height:                                 16px;
  margin:                                 0px;
  width:                                  16px;

  cursor:                                 pointer;
  vertical-align:                         sup;
}
.apppage TD.top,
.apppage TD.textarea {
  vertical-align:                         top;
}
.apppage A.button, /* Refer to #apppage .toolbar also */
.apppage INPUT[type="button"],
.apppage INPUT[type="reset"],
.apppage INPUT[type="submit"] {
  border:                                 2px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;
  height:                                 20px;
  margin:                                 1px;
  padding:                                2px;
  width:                                  150px;

  background-color:                       #ABC2D6;
  cursor:                                 pointer;
  font-size:                              0.9em;
  text-decoration:                        none;
}
.apppage A.buttonHasIcon {
  padding-left:                           20px;

  background-image:                       none;
  background-position:                    left;
  background-repeat:                      no-repeat;
}

.apppage A.button:hover,
.apppage INPUT[type="button"]:hover,
.apppage INPUT[type="reset"]:hover,
.apppage INPUT[type="submit"]:hover {
  background-color:                       #BED8EE;
}
.apppage TD.data DIV.calendardata,
.apppage TD.edit DIV.calendardata,
.apppage INPUT.calendardata,
.apppage INPUT[type="file"],
.apppage INPUT[type="password"],
.apppage INPUT[type="text"],
.apppage SELECT,
.apppage TEXTAREA,
#search_querybox {
  border:                                 1px solid;
  border-color:                           #30363C rgb(171, 194, 214) rgb(171, 194, 214) rgb(48, 54, 60);
  padding:                                2px 4px;
  width:                                  200px;

  background-color:                       white;
  color:                                  black;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              0.9em;
}
INPUT[type="checkbox"] {
  vertical-align:                         middle;
}
.apppage INPUT.calendardata {
	width:																	60px !important;

  background-color:                       #EEEEFF;
}
.apppage INPUT.timedata {
	width:																	30px !important;

  background-color:                       #EEEEFF;
}
.apppage INPUT[type="password"].new,
.apppage INPUT[type="text"].new,
.apppage SELECT.new,
.apppage TEXTAREA.new {
  border-color:                           #60666C rgb(201, 224, 244) rgb(201, 224, 244) rgb(78, 84, 90);

  background-color:                       #EEFFFF;
}
.apppage INPUT[type="text"].currency,
.apppage SELECT.currency {
  text-align:                             right;
}
INPUT[type="password"].small,
INPUT[type="text"].small,
SELECT.small,
TEXTAREA.small {
  width:                                  50px;
}
.apppage INPUT[type="password"].large,
.apppage INPUT[type="text"].large,
.apppage SELECT.large {
  width:                                  400px;
}
.apppage TEXTAREA.large {
  height:                                 80px;
  width:                                  95%;
}

.apppage INPUT[type="checkbox"].error {
	outline: 																red solid 1px;
}
.apppage INPUT[type="password"].error,
.apppage INPUT[type="text"].error,
.apppage SELECT.error,
.apppage TEXTAREA.error {
  border:                                 1px solid red;
  background-color:                       #FFDDDD;
}

  .apppage TABLE.tabular {
  border:                                 1px solid;
  border-color:                           #30363C rgb(171, 194, 214) rgb(171, 194, 214) rgb(48, 54, 60);
  width:                                  100%;

  background-color:                       #FFFFFF;
}
.apppage TABLE.tabular THEAD {
}
.apppage TABLE.tabular THEAD TH.icons,
.apppage TABLE.tabular THEAD TH.label,
.apppage TABLE.tabular THEAD TH.scroll,
.apppage TABLE.tabular TFOOT TH.label,
.apppage TABLE.tabular TFOOT TH.icons,
.apppage TABLE.tabular TFOOT TH.scroll {
  border-bottom:                          1px solid #56616B;
  border-left:                            1px inset #8A8A8A;
  height:                                 24px;
  padding:                                2px;
  padding-left:                           2px;

  background:                             linear-gradient(#fcfcfc,#e0e5e8);;
  color:                                  black;
  font-size:                              1.0em;
  text-align:                             left;
  text-transform:                         lowercase;
}
.apppage TABLE.tabular THEAD TH.first,
.apppage TABLE.tabular THEAD TH.scroll,
.apppage TABLE.tabular TFOOT TH.first,
.apppage TABLE.tabular TFOOT TH.scroll {
  border-left-width:                      0px;
}
.apppage TABLE.tabular THEAD TH.scroll,
.apppage TABLE.tabular TFOOT TH.scroll {  /* To spaceout scrollbar */
  width:                                  20px;
}
.apppage TABLE.tabular TBODY {
  max-height:                             100px;
  overflow:                               auto;
}
.apppage TABLE.tabular TBODY > TR {
  height:                                 auto;
  vertical-align:                         top;
}
.apppage TABLE.tabular TD {
  padding:                                2px;
}
.apppage TABLE.tabular TH.icon,
.apppage TABLE.tabular TD.icon {
  width:                                  30px;
}
.apppage TABLE.tabular TH.icon IMG,
.apppage TABLE.tabular TD.icon IMG {
  height:                                 15px;
  width:                                  15px;

  cursor:                                 pointer;
}
.apppage TABLE.tabular TD.icons {
  text-align:                             left;
}
.apppage TABLE.tabular TD.label {
  border:                                 0px solid #FFFFFF;
  border-collapse:                        collapse;
  padding:                                2px;
  height:																  1.0em;
  width:                                  20em;

  background-color:                       #DDDDDD;
  color:                                  #999999;
  font-size:                              1.0em;
  text-align:                             right;
  text-transform:                         lowercase;
}
.apppage TABLE.tabular TD.scroll {        /* To spaceout scrollbar */
  width:                                  20px;
}
.apppage TABLE.tabular TD.cell {
  padding:                                2px;
}
.apppage TABLE.tabular TD.cell INPUT[type='text'],
.apppage TABLE.tabular TD.cell SELECT,
.apppage TABLE.tabular TD.cell TEXTAREA {
  width:                                  85%;
}
.apppage TABLE.tabular TD.cell INPUT[type='text'].small,
.apppage TABLE.tabular TD.cell INPUT[type='password'].small,
.apppage TABLE.tabular TD.cell SELECT.small
{
  width:                                              30px;
}
.apppage TABLE.tabular .date,
.apppage TABLE.tabular .category {
  width:                                  12em;
}
.apppage TABLE.tabular .currency {
  width:                                  10em;
  text-align:                             right;
}
.apppage TABLE.tabular TD.debit {
  color:                                  red;
}

#appLogin {
  position:                               absolute;
  left:                                   25%;
  top:                                    25%;

  width:                                  50%;
}
#appLogin TABLE {
  border-radius:                          20px;
  height:                                 36px;
  padding-bottom:                         20px;
  padding-left:                           20px;
  width:                                  100%;

  background-color:                       #048abb;
  background-image:                       url('images/panda-version-panel-login.png');;
  background-position:                    top right;
  background-repeat:                      no-repeat;
  color:                                  black;
  font-size:                              1.0em;
}
#appLogin .heading {
  height:                                 36px;
  padding-left:                           20px;

  font-size:                              1.6em;
  font-weight:                            bold;
  line-height:                            36px;
  vertical-align:                         center;
}
#appLogin TABLE {
}
#appLogin .profile {
  vertical-align:                         middle;
  text-align:                             center;
  width:                                  50px;
}
#appLogin #username,
#appLogin #password {
  border:                                 1px solid;
  border-color:                           #30363C rgb(171, 194, 214) rgb(171, 194, 214) rgb(48, 54, 60);
  margin-right:                           5px;
  margin-bottom:                          5px;
  padding:                                2px;
  padding-left:                           20px;
  width:                                  200px;

  background-color:                       white;
  background-image:                       none;
  background-position:                    left;
  background-repeat:                      no-repeat;
  color:                                  black;
  font-family:                            Verdana, Arial, Helvetica, sans-serif;
  font-size:                              1.0em;
}
#appLogin #username {
  background-image:                       url('images/app-ui/login-user.gif');
  font-size:                              2.0em;
}
#appLogin #password {
  background-image:                       url('images/app-ui/login-password.gif');
  font-size:                              2.0em;
}

#appLogin #save {
  border:                                 2px solid;
  -moz-border-bottom-colors:              rgb(8, 138, 186);
  -moz-border-left-colors:                rgb(8, 138, 186);
  -moz-border-radius-bottomleft:          1px;
  -moz-border-radius-bottomright:         1px;
  -moz-border-radius-topleft:             1px;
  -moz-border-radius-topright:            1px;
  -moz-border-right-colors:               rgb(8, 138, 186);
  -moz-border-top-colors:                 rgb(8, 138, 186);
  margin:                                 1px;
  padding:                                5px;

  background-color:                       rgb(7, 149, 196);
  cursor:                                 pointer;
  font-size:                              1.5em;
  text-decoration:                        none;
  font-weight:                            bold;
  color:                                  #fff;
}





/**
 * Application Search Suggest
 */
#search_querybox {
  margin:                                 1px;
  margin-left:                            5px;
  margin-right:                           5px;
  width:                                  200px;
}

/* Version 20091218 */
TR.searchsuggest {
	background-color: 										#DFECF5;
}
INPUT.suggest {
	background-image:											url('images/fieldicon-suggest-search.png');
	background-repeat: 										no-repeat;
	background-position: 									left;
	padding-left: 												18px !important;
  width:                                282px;
}
INPUT.suggestsearch {
	background-image:											url('images/fieldicon-suggest-search.png');
}
INPUT.suggestcontact {
	background-image:											url('images/fieldicon-suggest-contact.png');
}
DIV.searchsuggest {
	position:															absolute;
	left: 																0px;
	top:																	0px;
	z-index:                              1000;

	border:																1px solid #000000;
	display:															none;
	overflow:															auto;
	max-height:														100px;
	width:																300px;

	background-color:											#FFFFFF;
	text-align:														left;
}			/* IE Hack */
			html>body DIV.searchsuggest {
				left: 													auto;
				top:														auto;
			}
DIV.searchsuggest DIV.suggest_link {
	background-color:											#FFFFFF;
  cursor:                                pointer;
	padding:															2px 6px 2px 6px;
}
DIV.searchsuggest DIV.highlight {
	background-color:											#CCFFCC;
}
DIV.searchsuggest DIV.suggest_link:hover {
	background-color:											#EFF5FB;
	padding:															2px 6px 2px 6px;
}
/* end Version */










/**
 * New Panda Specific Classes
 */
#pandacontactsabcbar {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-width:                      0px;
  border-right-width:                     0px;
  border-top-color:                       #8597A7;
  border-top-width:                       0px;
  height:                                 18px;
  margin-bottom:                          2px;
  margin-left:                            2px;
  margin-right:                           2px;
  padding-bottom:                         2px;
  padding-top:                            2px;
  float:                                  left;
  width:                                  auto;

  background-color:                       #048abb;
  color:                                  #fff;
  font-weight:                            bold;
}
#pandacontactsabcbar SPAN {
  float:                                  left;
  height:                                 13px;
  margin:                                 1px;
  margin-right:                           2px;
  padding:                                1px;
  padding-left:                           5px;
  padding-right:                          5px;

  background-color:                       transparent;
  color:                                  #FFF;
  font-size:                              10px;
  font-weight:                            bold;
}
#pandacontactsabcbar A {
  float: left;
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;
  -moz-border-radius:                     1px;
  height:                                 13px;
  margin:                                 1px;
  margin-right:                           2px;
  padding:                                1px;
  padding-left:                           5px;
  padding-right:                          5px;

  background-color:                       transparent;
  color:                                  #FFF;
  cursor:                                 pointer;
  font-size:                              10px;
  text-decoration:                        none;
  text-transform:                         uppercase;
  font-weight:                            normal;
}
#pandacontactsabcbar A:hover,
#pandacontactsabcbar A.up {
  background-color:                       #F0F0F0;

  color:                                  #444;
}














/**
 * MAILOUT
 */
#pandamailout {
  height:                                 52.5em;
  margin-left:                            .5em;
  margin-right:                           .5em;
  overflow:                               auto;
  width:                                  auto;

  background-color:                       #FFFFFF;
  border:                                 1px solid #999999;
  color:                                  #666666;
}











/**
 * Amoeba (APP_) Ajax window
 */
#appajaxbg {
  position:                             absolute;
  top:                                  0px;
  left:                                 0px;

  width:                                100%;
  height:                               100%;

  background-image:                     url('images/bg_opaque_black.png');
  color:                                #FFFFFF;
}
.appajaxpopup {
  margin:                               auto;
  /* margin-top:                           100px;*/
  width:                                90%;
  z-index:                              100;
  box-shadow:                           3px 3px 5px #333333;
  /* height:                               600px;*/

  /*background-image:                     url('images/bg_opaque_white.png');*/
  border:                               1px solid #999999;
  /*color:                                #666666;*/
}
.notification {
  width:                                600px;
  height:                               100px !important;
}
#appajaxpopup H3,
.appajaxpopup H3 {
  height:                               20px;
  margin:                               0px;

  background-color:                     #AAAAAA;
  border:                               0px solid #999999;
  border-bottom-width:                  2px;
  color:                                #FFFFFF;
  font-size:                            1.2em;
}
#appajaxpopup H3 A,
.appajaxpopup H3 A {
  float:                                right;
  width:                                50px;
  margin:                               0px;
  margin-top:                           -18px;

  color:                                #FFFFFF;
}
#appajaxpopupcontent,
.appajaxpopupcontent {
  padding:                              2px;
  height:                               575px;
  overflow:                             auto;

  color:                                #666666;
}


/**
 * Amoeba Documentation
 */
#documentationmenu,
#documentationcontent {
	height:																565px;
  overflow:                             auto;
  padding:															3px;

	background-color:											#FFFFFF;
	border:																1px solid #999999;
}
#documentationmenu {
	float:																left;
	width:																250px;
}
#documentationmenu UL {
	margin-left: 													1.5em;
	padding-left: 												1.0em;
}
#documentationmenu LI {
}
#documentationcontent {
	margin-left:													10px;

	line-spacing:                         1.5em;
}
#documentationcontent P {
	margin-top:														10px;
}
#documentationcontent UL {
}
#documentationcontent OL>LI {
	clear:																both;
  margin-top:                           2.0em;
}
#documentationcontent IMG {
	margin:																5px;
}
#documentationcontent DIV.notice {
	clear:																right;

	border:																1px dashed #9999FF;
	margin:																10px;
	padding:															10px;

	background-color:											#DDDDFF;
	color:																#000000;
}
#documentationcontent DIV.caution {
	clear:																right;

	border:																1px dashed #FF0000;
	margin:																10px;
	padding:															10px;

	background-color:											#FFDDDD;
	color:																#000000;
}
#documentationcontent DT {
	margin-top:														10px;

	font-weight:													bold;
}
#documentationcontent H4 {
  margin:                                       0px;
  margin-bottom:                          2px;
  margin-top:                                   2px;

  background-color:                       #CEE2F2;
  font-size:                              1.1em;
}


/**
 * Amoeba Tab Menus
 */
.tabmenu {
  border-bottom:                        0px solid #999999;
  display:                              block;
  height:                               20px;
  margin:                               0px;
  margin-left:                          5px;
  margin-right:                         5px;
  margin-top:                           5px;
  width:                                auto;

  background-color:                     transparent;
}
.tabmenu .error {
  border:                               0px solid red;
  border-width:                         1px 1px 0px 1px;
  background-color:                     #FFDDDD;
}
.tabmenupopup {
  background-color:                     transparent !important;
}
.tabmenu UL {
  display:                              inline;
  margin:                               0px;

  list-style:                           none;
}
.tabmenu LI {
  display:                              inline;
  float:                                left;
  height:                               19px;
  margin:                               0px;
  margin-left:                          2px;
  overflow:                             hidden;
  padding:                              0px;

  background-color:                     transparent;
  border:                               1px solid #e9e9e9;
  border-bottom-width:                  0px;
}
.tabmenu LI.error {
  border:                               0px solid red;
  border-width:                         1px 1px 0px 1px;
  background-color:                     #FFDDDD !important;
}
.tabmenu LI A {
  display:                              block;
  float:                                left;
  height:                               19px;
  margin:                               0px;
  padding-bottom:                       3px;
  padding-left:                         15px;
  padding-right:                        15px;
  padding-top:                          3px;

  background-color:                     transparent;
  font-size:                            10px;
  text-decoration:                      none;
  color:                                #048fc2;
}
.tabmenu LI:hover {
  background-color:                     #E9E9E9;
}
.tabmenu LI A:hover {
  background-color:                     #E9E9E9;
}
.tabmenu LI.up {
  background-color:                     #FFF;
}
.tabmenu LI A.up {
  color:                                #444;
}

/**
 * Amoeba Drop Menus
 */
.dropmenu {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;
  -moz-border-radius:                     4px;
  height:                                 16px;
  margin:                                 1px;
  padding:                                2px;
  width:                                  auto;

  background-color:                       #ABC2D6;
  background-image:                       url('images/app-ui/dropmenu-down.gif');
  background-repeat:                      no-repeat;
  background-position:                    right center;

}
.dropmenupanel {
  border:                                 1px solid;
  border-bottom-color:                    #5F6C77;
  border-left-color:                      #8597A7;
  border-right-color:                     #5F6C77;
  border-top-color:                       #8597A7;
  -moz-border-bottom-radius:              4px;
  margin:                                 1px;
  padding:                                2px;

  background-color:                       #ABC2D6;
}
.dropmenupanel .option {
  background-color:                       #ABC2D6;
}
.dropmenupanel .option:hover {
  background-color:                       #CEE2F2;
}





/**
 * panda AJAX Messages
 */
.ajaxerror {
  border:                               1px solid red;
  float:                                right;
  width:                                20em;

  background-color:                     #FFEEEE;
  color:                                red;
}

#newoption_message {
  display:                              inline;
}
IMG.optionbutton {

  -moz-opacity:                         0.70;
  background-color:                     #EFEFDE;
  border:                               #EFEFDE 1px solid;
  filter:                               alpha(opacity=70);
}
IMG.optionbutton:hover {
  border-color:                         #316AC5;
  background-color:                     #DFF1FF;
}
IMG.optionbuttonon {
  border-color:                         #316AC5;
  background-color:                     #C1D2EE;
}





/**
 * Filemanager
 */
SPAN.filemanager-upload {
  display:                              inline-block;
  overflow:                             hidden;
  position:                             relative;
  //height:                               16px;
  //width:                                30px;

  //background-color: #5cb85c;
  //border-color: #4cae4c;
  //color: #fff;
  font-weight:                          normal;
  //border: 1px solid transparent;
  //border-radius: 4px;
  cursor:                               pointer;
  //font-size: 14px;
  //font-weight: 400;
  //line-height: 1.42857;
  //margin-bottom: 0;
  //padding: 6px 12px;
  //text-align: center;
  //vertical-align: middle;
  //white-space: nowrap;
}
.toolbarButtonFileUpload {
  background-image:                       url('images/buttonicon-new.png');
}

SPAN.filemanager-upload INPUT {
  cursor:                               pointer;
  direction:                            ltr;
  font-size:                            200px !important;
  margin:                               0;
  opacity:                              0;
  position:                             absolute;
  right:                                0;
  top:                                  0;
}

TABLE.filemanager TR.alternate {
  background-color:                             #F2F2FF;
}
TABLE.filemanager TH.data {
  margin:                                       1px;
  padding:                                      1px;
  
  background-color:                             #CCCCFF;
  color:                                        #333333;
  font:                                         "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
  font-weight:                                  bold;
}
TABLE.filemanager TD.data {
  margin:                                       1px;
  padding:                                      1px;
  
  background-color:                             #FFFFFF;
  color:                                        #666666;
}
TABLE.filemanager IMG.download { 
  cursor:                                       pointer;
}



/**
 * Data feeds
 */
.feedcontainer {
  background-color:                           #f8f8f8;
  border:                                     1px solid #9C9C9C;
  height:                                     150px;
  overflow-y:                                 scroll;
  overflow-x:                                 hidden;
  width:                                      80%;
}
.feedcontainer .row {
  margin-bottom:                              5px;
  border-top:                                 1px solid #e8e8e8;
}
.feedcontainer .feed {
  font-size:                                  1.0em;
  text-indent:                                10px;
}
.feedcontainer .meta {
  font-size:                                  0.8em;
  text-indent:                                50px;
}
.feedcontainer .alternate {
}