.x-tree-checkbox {
	background:url('/static/ext/resources/images/default/form/checkbox.gif') no-repeat 0 0;
	height:13px;
	width:13px;
	margin:0 1px;
	vertical-align:middle;
}
.x-tree-checkbox-over .x-tree-checkbox {
	background-position:-13px 0;
}
.x-tree-checkbox-down .x-tree-checkbox {
	background-position:-26px 0;
}
.x-tree-node-disabled .x-tree-checkbox {
	background-position:-39px 0;
}
.x-tree-node-checked {
	background-position:0 -13px;
}
.x-tree-checkbox-over .x-tree-node-checked {
	background-position:-13px -13px;
}
.x-tree-checkbox-down .x-tree-node-checked {
	background-position:-26px -13px;
}
.x-tree-node-disabled .x-tree-node-checked {
	background-position:-39px -13px;
}
.x-tree-node-grayed {
	background-position:0 -26px;
}
.x-tree-checkbox-over .x-tree-node-grayed {
	background-position:-13px -26px;
}
.x-tree-checkbox-down .x-tree-node-grayed {
	background-position:-26px -26px;
}
.x-tree-node-disabled .x-tree-node-grayed {
	background-position:-39px -26px;
}

/* eof */

/** vim: ts=4:sw=4:nu:fdc=4:nospell 
 *
 * Ext.ux.grid.RowActions.css 
 *
 * Style sheets for Grid RowActions Plugin
 *
 * @author   Ing. Jozef Sakáloš
 * @date     27. March 2008
 * @verson   $Id: Ext.ux.grid.RowActions.css 753 2009-10-28 02:17:34Z jozo $
 *
 * @license Ext.ux.grid.RowActions.css is licensed under the terms of
 * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

/* styles for rows */
.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 3px 0 2px;
/*	margin: 1px 5px 0 2px; */
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

/* styles for groups */
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}

/* eof */ 

/*
	These are examples of styles for the button icons (you must supply the icon files yourself)
	
	For nice icon sets, check out the following sites.
	- http://www.famfamfam.com/
	- http://code.google.com/p/fugue-icons/
    - http://www.everaldo.com/crystal/
    
    See the notice.txt file in the images folder for possible licence conflicts with these images.
    Some icons may be licenced under the Creative Commons licence - http://creativecommons.org/licenses/by/2.5/
    
    Some icons have been modified slightly from their source files, in which case the original authors license still applies.
    
*/
.x-edit-wordpaste {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-word-text.png) 0 0 no-repeat !important;}
.x-edit-table {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-table.png) 0 0 no-repeat !important;}
.x-edit-hr {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-rule.png) 0 0 no-repeat !important;}
.x-edit-indent {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-indent.png) 0 0 no-repeat !important;}
.x-edit-char {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-char.png) 0 0 no-repeat !important;}
.x-edit-outdent {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-outdent.png) 0 0 no-repeat !important;}
.x-edit-subscript {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-subscript.png) 0 0 no-repeat !important;}
.x-edit-superscript {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-superscript.png) 0 0 no-repeat !important;}
.x-edit-removeFormat {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-removeFormat.png) 0 0 no-repeat !important;}
.x-edit-image {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-image.png) 0 0 no-repeat !important;}
.x-edit-findandreplace {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-findandreplace.png) 0 0 no-repeat !important;}
.x-edit-undo {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-undo.png) 0 0 no-repeat !important;}
.x-edit-redo {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-redo.png) 0 0 no-repeat !important;}
.x-edit-formatblock-h1 {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-heading-h1.png) 0 0 no-repeat !important;}
.x-edit-formatblock-h2 {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/edit-heading-h2.png) 0 0 no-repeat !important;}

/*
    When using the famfamfam set of icons, the following styles can be used, assuming the famfamfam 
    set of icons was extracted to a folder named 'icons' - Thanks to 'dearsina' on the Ext JS Forums for this.

.x-edit-wordpaste {background: url(icons/page_white_word.png) 0 0 no-repeat !important;}
.x-edit-table {background: url(icons/table.png) 0 0 no-repeat !important;}
.x-edit-hr {background: url(icons/text_horizontalrule.png) 0 0 no-repeat !important;}
.x-edit-indent {background: url(icons/text_indent.png) 0 0 no-repeat !important;}
.x-edit-char {background: url(icons/text_letter_omega.png) 0 0 no-repeat !important;}
.x-edit-outdent {background: url(icons/text_indent_remove.png) 0 0 no-repeat !important;}
.x-edit-subscript {background: url(icons/text_subscript.png) 0 0 no-repeat !important;}
.x-edit-superscript {background: url(icons/text_superscript.png) 0 0 no-repeat !important;}
.x-edit-removeFormat {background: url(icons/exclamation.png) 0 0 no-repeat !important;} 
.x-edit-undo {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/arrow_undo.png) 0 0 no-repeat !important;}
.x-edit-redo {background: url(/assets/rapidapp/misc/static/images/htmleditorplugins/arrow_redo.png) 0 0 no-repeat !important;}

*/

/*
	These styles are used for the character map
*/
.char-item {
	float: left; 
	border: 1px solid #99BBE8; 
	margin: 3px; 
	text-align: center; 
	vertical-align: middle; 
	width: 20px; 
	height: 20px; 
	font-size: 14px;
	color: #15428B;
	cursor: pointer;
}

.char-item.x-view-selected {
	background-color: #777;
}

.char-over {
	border: 1px solid #15428B;
	background-color:#d0def0;
}
@charset "utf-8";
.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect input[disabled] {background-color: transparent;};
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(/assets/rapidapp/misc/static/images/superboxselect/clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(/assets/rapidapp/misc/static/images/superboxselect/expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url(/assets/rapidapp/misc/static/images/superboxselect/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}
@charset "utf-8";
.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(/assets/rapidapp/misc/static/images/superboxselect/clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(/assets/rapidapp/misc/static/images/superboxselect/expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #d7d7d7; background-color: #e7e7e7; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #cdcdcd; border: 1px solid #949494;}
.x-superboxselect-item-focus {border-color: #8b8b8b; background: #8b8b8b; color: #fff;}
.x-superboxselect-item-close {background: url(/assets/rapidapp/misc/static/images/superboxselect/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  CSS Table Gallery               xx
xx  Author: Stu Nicholls            xx
xx  URL: http://www.cssplay.co.uk/  xx
xx  Country: England                xx
xx  Date: 2005-10-23                xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
table.tabular-table {
  border-collapse:collapse !important; 
  font-family:verdana, arial, sans-serif !important; 
/*  font-size:0.75em !important;  */
  line-height:2em !important; 
  border:1px solid #363 !important;
  }
td.tabular-table, th.tabular-table {
  padding:0 0.5em !important; 
  border-top:1px solid #ddd !important;
  }
tr.tabular-table.odd {
  background:#eee !important;
  }
th.tabular-table {
  background:#839965 !important;
  }
caption.tabular-table, tfoot.tabular-table {
  font-family:georgia, "times new roman", serif !important; 
  font-size:3em !important; 
  line-height:2em !important; 
  height:2em !important; 
  padding-right:0.25em !important; 
  text-align:right !important; 
  color:#363 !important; 
  border:1px solid #ddd !important;
  }
tfoot.tabular-table th.tabular-table {
  background:#fff !important; 
  color:#363 !important; 
  font-weight:normal !important;
  }
thead.tabular-table tr.tabular-table {
  color:#fff !important; 
  height:4em !important;
  }
thead.tabular-table tr.tabular-table th.tabular-table:first-child {
  color:#fc6 !important; 
  border-right:1px solid #000 !important; 
  text-align:right !important; 
  padding-right:1.5em !important;
  }
tbody.tabular-table th.tabular-table {
  padding:0 !important; 
  border-right:1px solid #fff !important; 
  border-top:1px solid #000 !important;
  width:16em !important; 
  vertical-align:middle !important;
  }
tbody.tabular-table tr.tabular-table.odd th.tabular-table {
  border-right:1px solid #eee !important;
  }
tbody.tabular-table td.tabular-table {
  color:#363 !important; 
  vertical-align:middle !important; 
  height:4em !important;
  }
tbody.tabular-table th.tabular-table a.tabular-table {
  color:#fc3 !important; 
  text-decoration:none !important; 
  border-right:0.8em solid #fc3 !important; 
  font-weight:normal !important; 
  text-align:right !important; 
  padding-right:0.5em !important; 
  float:right !important; 
  border-top:0.8em solid #839965 !important; 
  border-bottom:0.8em solid #839965 !important;
  }
tbody.tabular-table tr.tabular-table th.tabular-table a.tabular-table:visited {
  border-right:0.8em solid #fff !important;
  }
tbody.tabular-table tr.tabular-table.odd th.tabular-table a.tabular-table:visited {
  border-right:0.8em solid #eee !important;
  }
tbody.tabular-table td.tabular-table a.tabular-table:visited {
  color:#000 !important; 
  font-weight:normal !important; 
  text-decoration:line-through !important;
  }
tbody.tabular-table td.tabular-table a.tabular-table {
  color:#000 !important; 
  font-weight:normal !important;
  }
tbody.tabular-table tr.tabular-table th.tabular-table a.tabular-table:hover {
  color:#fff !important; 
  border-right:0.8em solid #fff !important;
  }
tbody.tabular-table tr.tabular-table.odd th.tabular-table a.tabular-table:hover {
  color:#fff !important; 
  border-right:0.8em solid #eee !important;
  }
tbody.tabular-table td.tabular-table a.tabular-table:hover {
  color:#c00 !important; 
  font-weight:normal !important; 
  text-decoration:none !important;
  }


.tabular-table-row-head {
  color:#fc3 !important; 
  text-decoration:none !important; 
  border-right:0.8em solid #fc3 !important; 
  font-weight:normal !important; 
  text-align:right !important; 
  padding-right:0.5em !important; 
  float:right !important; 
  border-top:0.8em solid #839965 !important; 
  border-bottom:0.8em solid #839965 !important;
  }

}


/* http://www.sohtanaka.com/web-design/styling-pre-tags-with-css-code-block/ */
pre {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* TODO: the above gloabl 'pre' rule does not seem to apply anymore. 
   Not sure why, but this class name does the same thing */
.ra-pre-wrap {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.loading-background {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	background-image: url(/assets/rapidapp/misc/static/images/indicator.gif) !important;
}

.rapp-margin-bottom-0 {
	margin-bottom: 0px;
}


.field-empty-text {
  color: darkgrey !important;
  font-family: Arial !important;
  font-size:.9em !important;
}


.blue-text {
  color: #083772;
}

.blue-text-code {
  color: #083772;
  font-family: "Lucida Console", Monaco, monospace;
}

.blue-text-code-bold {
  color: #083772;
  font-family: "Lucida Console", Monaco, monospace;
  font-weight: bold;
}


.with-icon {
	height: 16px;
	padding-left: 19px;
	background-repeat: no-repeat;
	background-position: 1px center;
	display: table-cell;
	vertical-align: middle;
}

.with-inline-icon {
	padding-left: 19px;
	line-height: 19px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 1px center;
}

.ra-icon-centered-16x16 {
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}


.grid-cell-with-icon {
	height: 16px;
	text-indent: 16px;
	background-repeat: no-repeat;
	padding-top: 1px;
	background-position: 2px 2px;
}

.ra-icon-16x16 {
  height: 16px;
  width: 16px;
  background-size:16px 16px;
  background-repeat: no-repeat;
}

.ra-icon-14x14 {
  height: 14px;
  width: 14px;
  background-size:14px 14px;
  background-repeat: no-repeat;
}

.ra-icon-12x12 {
  height: 12px;
  width: 12px;
  background-size:12px 12px;
  background-repeat: no-repeat;
}

.ra-icon-11x11 {
  height: 11px;
  width: 11px;
  background-size:11px 11px;
  background-repeat: no-repeat;
}

.ra-icon-10x10 {
  height: 10px;
  width: 10px;
  background-size:10px 10px;
  background-repeat: no-repeat;
}

.with-background-right-image {
	background-repeat: no-repeat;
	background-position: right center;
}

/* http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting */
.no-text-select {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


.x-logical-checkbox {
	width: 16px;
	height: 16px;
	cursor:pointer;
	float: left;
}

.ra-icon-bullet_key {
	background-image: url(/assets/rapidapp/misc/static/images/bullet_key.png) !important;
	background-repeat:no-repeat;
	padding-right: 18px;
	padding-top: 9px;
	padding-bottom: 3px;
}





.tbar-title-medium {
	font-size:175% !important;
	padding:6px !important;
	font-weight: bolder !important;
}
.tbar-button-medium {
	font-size:140% !important;
	padding-left: 5px !important;
	font-weight: bolder !important;
}

.tbar-title-small {
	padding:3px !important;
	font-weight: bolder !important;
}
.tbar-button-small {
	padding-left: 2px !important;
	font-weight: bolder !important;
}


/* Update: renamed from 'magnify-link-tiny' - merged with auto generated icon class 
   2013-06-22 by HV
*/
a.ra-icon-magnify-tiny {
  /* -- for IE, magic!! Without this, the "filter/opacity" is ignored and other misc problems,
   this magically makes the element have a "Layout"
   see: http://www.satzansatz.de/cssd/onhavinglayout.html,
    http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm   */
  zoom: 1; 
  /* -- */
  
  background-repeat:no-repeat;
  background-position: 0% 90%;
  padding-left: 10px;
  margin-left: 2px;
  margin-bottom: 2px;
  font-size: 9px;
  font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
  text-decoration: none;
  border-bottom: 0px transparent;
  color: transparent;
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}
a.ra-icon-magnify-tiny:hover {
  margin-bottom: 1px;
  border-bottom: 1px dotted;
  color: blue;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}
a.ra-icon-magnify-tiny span {
	visibility: hidden;
}
a.ra-icon-magnify-tiny:hover span {
	visibility: visible;
}


a.ra-icon-refresh-tiny {
  /* -- for IE, magic!! Without this, the "filter/opacity" is ignored and other misc problems,
   this magically makes the element have a "Layout"
   see: http://www.satzansatz.de/cssd/onhavinglayout.html,
    http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm   */
  zoom: 1; 
  /* -- */
  
  background-repeat:no-repeat;
  background-position: 0% 90%;
  padding-left: 10px;
  margin-left: 2px;
  margin-bottom: 2px;
  font-size: 9px;
  font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
  text-decoration: none;
  border-bottom: 0px transparent;
  color: transparent;
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}
a.ra-icon-refresh-tiny:hover {
  margin-bottom: 1px;
  border-bottom: 1px dotted;
  color: blue;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}
.ra-ap-body a.ra-icon-refresh-tiny span, a.ra-icon-refresh-tiny span {
  visibility: hidden;
}
a.ra-icon-refresh-tiny:hover span {
  visibility: visible;
}



.superscript-navy {
  color: navy;
  font-weight: lighter; 
  position: relative;
  top: -4px;
}
.superscript-green {
  color: green;
  font-weight: lighter; 
  position: relative;
  top: -4px;
}

.x-multifilter-not {
	font-weight: bolder !important;
	font-size:145% !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	font-family: Lucida Console !important;
	color: lightgray  !important;
}

.x-multifilter-not-on {

	color: red !important;
	
}

.x-multifilter-not-off {

	color: lightgray   !important;
	
}

/* ----------------------------------- */

/* http://www.sencha.com/forum/showthread.php?45873-tbar-appears-ugly */
.tbarBottomBorderFix {
	border-bottom-style: solid !important;
	border-bottom-color: #D0D0D0 !important;
	border-bottom-width: 1px !important;
}


.panel-borders {
	border-style: solid !important;
	border-color: #D0D0D0 !important;
	border-width: 1px !important;
}


.item-disabled {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  background-color: #f2f2f2 !important; /* this is needed to fix stupid IE opacity bug */
}




/* This is needed only with gray theme: */
/*
.x-toolbar .xtb-sep { background-image: url(/static/ext/resources/images/default/grid/grid-split.gif) !important }
*/

.x-tab-panel-header { border-bottom: 0px; }

.offline .x-grid3-cell {
  opacity: 0.5;
  filter: alpha(opacity=50);
}


/*
.offline .x-grid3-cell .x-grid3-cell-first {
  opacity: 1.0 !important;
  filter: alpha(opacity=100);
}
*/

.x-grid3-cell-first {
	opacity: 2.0;
	filter: alpha(opacity=200);
}


.x-grid3-col-memberpc  {
	cursor:pointer;
}

.x-tab-panel-body {
//	border: 0 none !important;
}

.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer {
	border-bottom: 0 none !important;
}


.x-grid3-row-expander {
	background-image: url(/assets/rapidapp/misc/static/images/row-expand-sprite-arrow.gif) !important;
}

.x-grid3-row-selected {
	background: #EEF3E2 !important;
	border:1px dotted gray;
}


/*
.x-grid3-row-collapsed .x-grid3-row-expander {
	background-image: url(/assets/rapidapp/misc/static/images/bullet_arrow_up_sm.png) !important;
	display: inline;
}
.x-grid3-row-expanded  .x-grid3-row-expander {
	background-image: url(/assets/rapidapp/misc/static/images/bullet_arrow_down_sm.png) !important;
	display: inline;
}


html {
    overflow: -moz-scrollbars-vertical;
    position: relative;
}

body {
    margin: 0 auto;
    padding: 0;
    font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #fff; color: #333;
    letter-spacing: 0.1px;
    position: relative;
}

*/

/*
td {
  font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif;
  letter-spacing: 0.1px;
  vertical-align: middle;
}
*/

img {
  vertical-align: middle;
}

/*
.x-panel-body {
  border:1px solid gray;
  border-top:0 none;
}
*/

.link-underline {
	cursor:pointer;
	text-decoration:underline;
}


/*
.x-tree-selected { font-weight: bold; }
*/

//.x-grid3-hd-row .x-grid3-td-PRI_KEY { padding: 0px 0px 0px 0px; }
//.x-grid3-hd-inner .x-grid3-hd-PRI_KEY { padding: 0px 0px 0px 0px; }
//.x-grid3-hd-PRI_KEY { padding: 0px 0px 0px 0px; }

.x-grid3-td-editIcon .x-grid3-cell-inner {
	background-image: url(/assets/rapidapp/misc/static/images/table_edit.png) !important;
	background-position:center center;
	background-repeat:no-repeat;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
}


.pos-top-right {
	text-align: right;
	position:absolute;
	top:0;
	right:5%;
	width:200px;
	background-color:yellow;
}


.sbl-panel-body-noborder {
    border-width: 0 0 0 0 !important;
    padding: 0 !important;
    background-color: white !important;
}
.res-block {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/theme/block-top.gif) no-repeat scroll 0 0;
	margin-bottom:15px;
	padding-top:5px;
	width:210px;
}


/*
.sbl-panel-body-noborder, .sbl-panel-body-noborder .x-border-panel .x-border-layout-ct, .sbl-panel-body-noborder .x-panel .x-border-panel, .sbl-panel-body-noborder .x-panel-body .x-panel-body-noheader {
    border-width: 0 0 0 0 !important;
    padding: 0 !important;
}


*/

/*
html, body { height:100%; }
*/



.bold-italics { font-weight: bold !important; font-style: italic !important; }





/* Taken from: http://www.extjs.com/blog/2008/05/14/form-group/  */

/* add some padding so it spaces nice and relative elements dn't get clipped */
.form-group {
	padding-top:15px;
	padding-bottom:10px;
	overflow:hidden;
}

/* Simple blue border */
.form-group .form-group-header {
	padding:0;
	border-bottom:1px solid #c3daf9;
}

/* Position the text element so it appears over the border added above */
.form-group .form-group-header-text {
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	line-height:13px;
	text-transform:uppercase;
	position:relative;
	left:5px;
	top:5px;
	padding:1px 5px 1px 20px;
	color:#4e79b2;
	border:1px solid #c3daf9;
	background:#fff url(/assets/rapidapp/misc/static/images/form-collapse-icon.gif) no-repeat 2px 0;
}

/* Copied from x-plain (for IE + layouts to work) */
.form-group-body {
    overflow:hidden;
}

/* Copied from x-plain (for IE + layouts to work) */
.form-group-bwrap {
    overflow:hidden;
    zoom:1;
}

/* Change the toggle icon when collapsed */
.x-panel-collapsed .form-group-header-text {
	background-position: 2px -15px;
}





.x-form-display-field, .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field {
    display: block;
    padding: 3px 0px 0px 0px;
    padding-left: 0px;
    position: relative;
    z-index: 2;
}


.floating-form .x-form-item
{
    display: inline;
    float:left;
    padding-right: 5px;
}
.floating-form label.x-form-item-label
{
    padding-right:0;
}
.ext-ie .floating-form .x-form-clear-left
{
    clear: none;
    display:none;
}

/*

.appdv-edit-box {
	visibility:hidden;
	position: absolute;
	top: 0; 
	right: 0;
	padding-top:4px;
	padding-left:4px;
	cursor:	pointer;
	z-index:500;
	font-size: 10px;
	font-family: arial;
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat floralwhite;
	padding:1px 14px 1px 1px;
	white-space:nowrap;
	color: blue;
	font-weight: normal;
	text-decoration:underline;
	border-style: dotted;
	border-width: 1px;
	border-color: blue;
}

.appdv-field-value:hover, .appdv-field-value:hover .appdv-edit-box {
	visibility:visible;
}


.appdv-edit-box + .save, .appdv-edit-box + .cancel, .editing .appdv-edit-box {
	display:none;
}

.editing .appdv-edit-box + .save, .editing .appdv-edit-box + .cancel {
	display:block;
	visibility:visible;
	position: relative;
	
	background: floralwhite;
	padding-right: 1px;
	float:right;
}

.editing .appdv-edit-box + .save {
	background:url(/assets/rapidapp/misc/static/images/bullet_disk.png) center right no-repeat floralwhite;
	padding-right: 15px;
	float:left;
}

*/









/******************  edit-record-toggle  *****************/

.appdv-tt-generated .edit-record-toggle {
	padding: 4px;
}

.record-update .appdv-tt-generated .edit-record-toggle .edit {
	display:none!important;
}


.appdv-tt-generated .edit-record-toggle div {
	display: none;
	visibility:hidden;
	width: 30;
	padding:4px 14px 1px 1px;
	cursor:	pointer;
	font-size: 11px;
	font-family: arial;
	white-space:nowrap;
	color: blue;
	font-weight: bold;
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-color: transparent;
}

.appdv-tt-generated .edit-record-toggle div:hover {
	border-color: blue;
}

.appdv-tt-generated .edit-record-toggle .edit {
	display:block;
}

.editing-record .appdv-tt-generated .edit-record-toggle .edit {
	display:none;
}


.record-over:hover .appdv-tt-generated .edit-record-toggle .edit {
	visibility:visible;
}


.editing-record .appdv-tt-generated .edit-record-toggle .save, .editing-record .appdv-tt-generated .edit-record-toggle .cancel {
	visibility:visible;
	display:block;
}

.appdv-tt-generated .edit-record-toggle .edit {
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat;
}

.appdv-tt-generated .edit-record-toggle .save {
	background:url(/assets/rapidapp/misc/static/images/bullet_disk.png) center right no-repeat;
}

.appdv-tt-generated .edit-record-toggle .cancel {
	background:url(/assets/rapidapp/misc/static/images/cross_tiny.png) center right no-repeat;
}

/******************  END edit-record-toggle  *****************/



/******************  record-delete  *****************/

.appdv-tt-generated .delete-record, .appdv-tt-generated .print-view {
	background:url(/assets/rapidapp/misc/static/images/cross.png) center right no-repeat;
	padding:4px 18px 1px 1px;
	width: 30;
	cursor:	pointer;
	font-size: 12px;
	font-family: arial;
	white-space:nowrap;
	color: darkgray;
	font-weight: bold;
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-color: transparent;
	cursor:	pointer;
}

.appdv-tt-generated .print-view {
    background:url(/assets/rapidapp/misc/static/images/printer.png) center right no-repeat;
}

.rapidapp-printview .appdv-tt-generated .print-view {
    display: none !important;
}

.appdv-tt-generated .delete-record:hover, .appdv-tt-generated .print-view:hover {
	border-bottom-style: dotted;
	border-color: blue;
	color: blue;
}


.editing-record .appdv-tt-generated .delete-record {
	display: none !important;
}

@media print {
    .appdv-tt-generated .delete-record {
        display: none !important;
    }
}

/******************  END record-delete  *****************/



/*
.appdv-editable-value {
	padding-right: 14px;
}

.appdv-editable-value:hover {
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat;
	cursor:	pointer;
}

.appdv-editable-value:hover span {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: blue;
}
*/


/****************** appdv-edit-field ******************/

.appdv-edit-field td.icons {
	width:24px;
}

.appdv-edit-field td.icons div {
	width: 12px;
	float:left;
	cursor:	pointer;
	display:none;
}

.editing-record .appdv-edit-field td.icons div, .record-update .appdv-edit-field td.icons div {
	display:none !important;
}


.appdv-edit-field td.icons .edit {
  width: 14px;
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) right center no-repeat;
}

.appdv-edit-field td.icons .save {
	background:url(/assets/rapidapp/misc/static/images/bullet_disk.png) center center no-repeat;
}

.appdv-edit-field td.icons .cancel {
	background:url(/assets/rapidapp/misc/static/images/cross_tiny.png) center center no-repeat;
}

.appdv-edit-field:hover td.icons .edit {
	display:block;
}

.appdv-edit-field .data-holder, .onepx-transparent-border-bottom {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: transparent;
}

/* prevent inheriting padding from parents */
.appdv-edit-field td, .appdv-edit-field tr {
  padding: 0px !important;
}

.appdv-edit-field:hover .data-holder {
	border-color: blue;
	cursor:	pointer;
}

.editing .appdv-edit-field td.icons .save, .editing .appdv-edit-field td.icons .cancel {
	display:block;
}

.editing:hover .appdv-edit-field td.icons .edit {
	display:none;
}

/****************** END appdv-edit-field ******************/



/****************** appdv-edit-bigfield ******************/

div.appdv-edit-bigfield {
	position:relative;
	min-height: 20px;
}

.editing-record .appdv-edit-bigfield .icons div, .record-update .appdv-edit-bigfield .icons div {
	display:none !important;
}


.appdv-edit-bigfield .icons div {
	display:none;
	position: absolute;
	top: 0; 
	right: 0;
	padding-top:4px;
	padding-left:4px;
	cursor:	pointer;
	z-index:500;
	font-size: 10px;
	font-family: arial;
	padding:1px 14px 1px 1px;
	white-space:nowrap;
	color: blue;
	font-weight: normal;
	text-decoration:underline;
	border-style: dotted;
	border-width: 1px;
	border-color: blue;
}

.appdv-edit-bigfield .icons .edit {
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat floralwhite;
}

.appdv-edit-bigfield .icons .save {
	background:url(/assets/rapidapp/misc/static/images/bullet_disk.png) center right no-repeat floralwhite;
	padding-right: 15px;
}

.appdv-edit-bigfield .icons .cancel {
	background:url(/assets/rapidapp/misc/static/images/cross_tiny.png) center right no-repeat floralwhite;
	padding-right: 15px;
}

.appdv-edit-bigfield:hover .icons, .appdv-edit-bigfield:hover .icons .edit {
	display:block;
}

.editing .appdv-edit-bigfield .icons .edit, .appdv-edit-bigfield:hover .icons .save, .appdv-edit-bigfield:hover .icons .cancel {
	display:none;
}

.editing .appdv-edit-bigfield .icons .save, .editing .appdv-edit-bigfield .icons .cancel {
	display:block;
	visibility:visible;
	position: relative;
	float:right;
}

/****************** END appdv-edit-bigfield ******************/



/* override to hide edit items if "no_update" is set and delete if no_destroy is set: */
.no_update .edit, .no_destroy .delete-record {
	display: none !important;
}





/*

.appdv-tt-generated .clickable .editable-value .data {
	padding-right: 14px;
}

.appdv-tt-generated .clickable .editable-value .data:hover {
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat;
	cursor:	pointer;
}

.appdv-tt-generated .clickable .editable-value .data:hover span {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: blue;
}

.appdv-tt-generated .clickable .editable-value .save, .appdv-tt-generated .clickable .editable-value .cancel {

	position: absolute;
	top: 0; 
	right: 0;
	padding-top:4px;
	padding-left:4px;
	cursor:	pointer;
	z-index:500;
	font-size: 10px;
	font-family: arial;
	background:url(/assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat floralwhite;
	padding:1px 14px 1px 1px;
	white-space:nowrap;
	color: blue;
	font-weight: normal;
	text-decoration:underline;
	border-style: dotted;
	border-width: 1px;
	border-color: blue;
}


.appdv-tt-generated .clickable .editable-value + .editing .save, .appdv-tt-generated .clickable .editable-value + .editing .cancel {
	visibility:visible;
}


*/




/************************************/

.GreenSheetWrap1 {
border: 1px #999999 solid !important;
margin : 3px !important;
-moz-border-radius: 12px !important;
-webkit-border-radius: 12px !important;
border-radius: 12px !important;
background-color: #ffffcc !important;
padding-bottom: 3px !important;
padding-top: 3px !important;
}

.GreenSheetPN { /* 4 */
font-weight: bold !important;
margin : 3px !important;
margin-left: 5px !important;
font-size: 24px !important;
/*text-decoration: underline !important;  */
color: #333333 !important;
}
.GStitle {
margin-left: 5px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-weight: bold !important;
font-size: 14px !important;
padding-top: 3px !important;
}

.GSrtitle {
margin-left: 5px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-weight: bold !important;
font-size: 12px !important;
padding-top: 3px !important;
}


.GSdesc {
font-size: 9px !important;
overflow: hidden !important;
width: 40% !important;
border: 1px;
padding: 2px !important;
border-style: dotted !important;
vertical-align: bottom !important;
font-family: sans-serif !important;
font-style: italic !important;
color: grey !important;
}


.GSfloatRight {
float: right !important;
margin-right: 20px !important;
padding-top: 3px !important;
}


table.GSprop {
font: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif!important;
padding: 0!important;
margin: 0!important;
border-collapse: collapse!important;
color: #333!important;
background: #F3F5F7!important;
}

table.GSprop a.GSprop {
color: #3A4856!important;
text-decoration: none!important;
border-bottom: 1px solid #C6C8CB!important;
}

table.GSprop thead.GSprop th.GSprop {
background: #3A4856!important; padding: 15px 10px!important; color: #fff!important; text-align: right!important; font-weight: bolder!important;
}

table.GSprop tbody.GSprop, table.GSprop thead.GSprop {border-left: 1px solid #EAECEE!important; border-right: 1px solid #EAECEE!important;}

table.GSprop tbody.GSprop {border-bottom: 1px solid #EAECEE!important;}

table.GSprop tbody.GSprop td.GSprop, table.GSprop tbody.GSprop {
padding: 5px!important; background: url("/assets/rapidapp/misc/static/images/td_back.gif") repeat-x!important; text-align: left!important;
}

th.GSprop, table.GSprop tbody.GSprop {
padding: 5px!important; background: url("/assets/rapidapp/misc/static/images/td_back.gif") repeat-x!important;
}

th.GSprop { font-weight: bolder!important; margin: 5px !important; white-space:nowrap !important; padding: 2px!important;}
th.GSprop.right { text-align: right!important; }



table.GSprop tbody.GSprop tr.GSprop {background: #F3F5F7!important;}

table.GSprop tbody.GSprop tr.GSprop.odd {background: #F0F2F4!important;}

table.GSprop tbody.GSprop tr.GSprop:hover {background: #EAECEE!important; color: #111!important;}

table.GSprop tfoot.GSprop td.GSprop, table.GSprop tfoot.GSprop th.GSprop, table.GSprop tfoot.GSprop tr.GSprop {
text-align: left!important; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif!important; text-transform: uppercase!important; background: #fff!important; padding: 10px!important;
}

/* http://www.sencha.com/forum/showthread.php?77984-Field-help-text-plugin. */
.x-form-helptext {
    font-size: 9px;
    color: #888;
}


.x-superboxselect-x-flag, body.ext-ie7 .x-superboxselect-x-flag, body.ext-ie6 .x-superboxselect-x-flag {
	background-image: url(/assets/rapidapp/misc/static/s.gif);
	background-repeat: no-repeat;
	background-position:  2px center;
	padding-left: 21px !important;
	white-space: normal !important;
	/*text-indent: 17px !important;*/
}


/*
.x-superboxselect-item-close {background: url(close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}
*/


.x-superboxselect-item-read-only .x-superboxselect-item-close {visibility: hidden; background-image: none; border: none; cursor: default; font-size: 1px; height: 0px;padding:0; position: absolute; right: 0px; top: 2px; width: 0px;display:block;cursor:pointer;}


.x-superboxselect-item-read-only 
{
	-moz-border-radius:6px 6px 6px 6px !important;
	background-color:#E7E7E7 !important;
	border:1px solid #D7D7D7 !important;
	padding:1px 15px 1px 5px !important;
	position:relative !important;
	color: black;
}

.read-only-formfield {
	background-color: transparent!important;
	border-color: transparent!important;
	background-image:none!important;
	/*
	# the normal text field has padding-top: 2px which makes the text sit towards
	# the bottom of the field. We set top and bot here to move one of the px to the
	# bottom so the text will be vertically centered but take up the same vertical
	# size as a normal text field:
	*/
	padding-top:1px!important;
	padding-bottom:1px!important;
}

.RapidApp-dt s {
	display: none;
}



.r-simple-table table  {
	border: 1px solid #DDDDDD;
}

.r-simple-table th, .r-simple-table td {
	padding: 3px 8px 3px 3px;
}

.r-simple-table th {
	padding-bottom: 2px;
	font-weight: bold;
	text-decoration: underline;
}

.r-simple-table tr {
	background: white;
}

.r-simple-table tr:nth-child(2n+1) {
	background: #F8F8F8;
}

.r-simple-table tr > td:first-child {
	font-weight: bold;
}



.appsuperbox-create-item {
	background:url(/assets/rapidapp/misc/static/images/add.png) center right no-repeat;
	padding:0px 18px 0px 1px;
	width: 30;
	cursor:	pointer;
	font-size: 12px;
	font-family: arial;
	white-space:nowrap;
	color: darkgray;
	font-weight: bold;
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-color: transparent;
	cursor:	pointer;
}

.appsuperbox-create-item:hover {
	border-bottom-style: dotted;
	border-color: blue;
	color: blue;
}


.bgtask-terminal {
	font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace;
	padding: 0.5em;
}
.bgtask-terminal * {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/* alternative to x-grid3-dirty-cell, not currently in use */
.border-dirty {
  border-width:5px 0px 0px 5px;
  -moz-border-image:url("/assets/rapidapp/misc/static/images/dirty.gif") 50% 50% 50% 50% stretch;
  -webkit-border-image:url("/assets/rapidapp/misc/static/images/dirty.gif") 50% 50% 50% 50% stretch;
  border-image: url("/assets/rapidapp/misc/static/images/dirty.gif") 50% 50% 50% 50% stretch;
}




.menu-field-current-value {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/assets/rapidapp/misc/static/images/checkbox_yes.png);
}


.ra-batch-edit-heading {
  font-size: 1.7em;
  font-weight: bold;
  text-align: center;
  padding-bottom:15px;
}

.ra-batch-edit-heading span.num {
  color: green;
  font-size:1.25em;
  font-weight:900;
}

.ra-batch-edit-sub-heading {
  text-align: center;
  padding-bottom:20px;
  color:gray;
}

.ra-batch-edit-sub-heading .warn-line {
  padding-top:10px;
}

.ra-batch-edit-sub-heading span.warn {
  font-weight: bold;
  color: #DAA520;
}



.ra-relative-date {
  font-size: 11px;
  font-family: arial,tahoma,verdana,helvetica;
  color: #333333;
  background-image: url(/assets/rapidapp/misc/static/images/clock_run_24x24.png);
	background-repeat: no-repeat;
	background-position: 4px 2px;
}

.ra-relative-date .title {
  
  text-align: center;
  font-size: 1.6em;
  padding-left: 18px;
  padding-top:2px;
  padding-bottom: 8px;
  line-height: 24px;
}

.ra-relative-date .mono {
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
  color: gray !important;
}

.ra-relative-date .sub {
  padding-bottom: 6px;
}

.ra-relative-date .examples {
  font-weight: bold;
}

.ra-relative-date table {
  padding-left:5px;
}

.ra-relative-date ul {
  padding-top: 4px;
  padding-left: 12px;
  padding-bottom: 6px;
}

.ra-relative-date li {
  padding: 1px;
  white-space: nowrap;
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
  color: gray;
}

.ra-relative-date-renderval {
  display: block;
  padding-top: 5px;
  font-size: 11px;
  font-family: arial,tahoma,verdana,helvetica;
  font-style: italic;
  text-align: center;
  vertical-align:middle;
  width:100%;
  color: gray;
}

.ra-relative-date-renderval sup {
  vertical-align: baseline;
	font-size: 0.7em;
	position: relative;
	top: -0.3em;
}

.ra-relative-date-renderval span {
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;
}

.ra-footer {
  font-size: 10.5px;
  font-family: arial,tahoma,verdana,helvetica;
  background-color: #EAEAEA;
  color: #666666;
  vertical-align: middle;
}

.ra-footer .wrap {
  height: 17px;
  border-style: solid;
  border-color: #D0D0D0;
  border-top-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.ra-footer td {
  vertical-align:middle;
  padding-right:5px;
  white-space: nowrap;
}

.ra-footer td.left {
  padding-left:5px;
  text-align:left;
  background-image: url(/assets/rapidapp/misc/static/images/rapidapp_powered_logo_tiny.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.ra-footer td a.left {
  text-align:left;
  background-image: url(/assets/rapidapp/misc/static/images/rapidapp_powered_logo_tiny.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  width:99px;
  height:14px;
  float:left;
}

.ra-footer td a.ra-autopanel-reloader {
  margin-left:7px;
  margin-bottom: 5px;
}

.ra-footer td.center {
  text-align:center;
}

.ra-footer td.right {
  text-align:right;
}



.ra-datastore-app-field {
  display: block;
  padding-top: 2px;
  padding-right: 12px;
  padding-bottom: 1px;
  padding-left: 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  background-color: #FFFFFF;
  /*background-image: url("../images/default/form/text-bg.gif");*/
  border: 1px solid;
  border-color: #C1C1C1;
  min-height: 15px;
  background-image: url(/assets/rapidapp/misc/static/images/bullet_arrow_down.png);
  background-repeat: no-repeat;
  background-position: 2px center;
  font: 11px tahoma,arial,helvetica,sans-serif;
  color: #333333;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.wrap-on {
  white-space: normal;
}

.ra-datastore-app-field-invalid {
  border-color: #CC3300 !important;
  background-color: #FFCCCC !important;
}

.ra-datastore-app-field-updating {
  background-image: url(/assets/rapidapp/misc/static/images/progress_green_blocks.gif) !important;
  background-position: 4px center;
  padding-right: 2px !important;
  padding-left: 30px !important;
  color: #B3B3B3 !important;
  font-style:italic !important;
  font: 10px tahoma,arial,helvetica,sans-serif !important;
}

.ra-bold-grid-row .x-grid3-cell-inner {
  font-weight: bold;
  font-size: 1.1em;
  color: #800080;
  text-shadow:1px 1px 2px #989898;
}


.ra-combo-select-none {
  color: darkgray !important;
  font-style: italic !important;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
  font-size: 1.1em;
}

.ra-exception-heading {
  background-image: url(/assets/rapidapp/misc/static/icon-error.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left:60px;
  color: #333333;
  font: 16px tahoma,arial,helvetica,sans-serif;
  font-weight: bold;
  top: 10px;
  padding-top:15px;
  padding-bottom:15px;
}

.ra-exception-heading .ra-icon-refresh {
  font-weight:normal;
  vertical-align:baseline;
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
}

.ra-exception-body * {
  word-wrap: break-word;
}

.ra-exception-body pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;    
}

.ra-autopanel-error {
  font-size: 1.2em;
  position:absolute;
  top: 0px;
  right: 25px;
  bottom: 0px;
  left:5px;
}

.ra-autopanel-error .msg {
  padding-top: 15px;
  font-size: 1.2em;
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
  color: gray;
  position:absolute;
  top: 45px;
  right: 0px;
  bottom: 0px;
  left:0px;
  min-height: 200px;
}

.ra-autopanel-error .retry-foot {
  position:absolute;
  right: 0px;
  bottom: 10px;
  left:0px;
}


/* general purpose search box styles */

.ra-search-box {
  position: relative;
  width: 100%;
  margin: 0;
}

.ra-search-form {
  height: 30px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
}

.ra-search-text {
  font-size: 14px;
  color: #ddd;
  border-width: 0;
  background: transparent;
}

.ra-search-box input[type="text"] {
  width: 90%;
  padding: 9px 0 6px 1em;
  color: #333;
  outline: none;
  color: #083772;
  font-family: "Lucida Console", Monaco, monospace;
  font-weight: bold;
}

/*

.ra-search-box input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  padding: 8px 0 6px 1em;
}
.ra-search-box input:-moz-placeholder {
  color: #999;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  padding: 8px 0 6px 1em;
}
.ra-search-box input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  padding: 8px 0 6px 1em;
}

*/

.ra-search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  width: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  border-width: 0;
  background-color: #999;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
}

.ra-search-box-heading {
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  color: #666666;
  font-weight: bold;
  padding-bottom:2px;
  padding-left:1px;
}



/* -----
Overrides to prevent editors from being chopped when they are larger than the grid,
happens especially in Property Grid when editing the last field/row when it is a
multi-line editor, like a textarea or html editor.
TODO: make sure this doesn't cause problems someplace else
*/
.x-grid-panel .x-panel-bwrap,
.x-grid-panel .x-panel-bwrap .x-grid-panel .x-panel-body,
.x-grid-panel .x-panel-bwrap .x-panel-body,
.x-grid-panel .x-panel-bwrap .x-panel-body .x-grid3,
.x-grid-panel .x-panel-bwrap .x-panel-body .x-grid3 .x-grid3-viewport {
  overflow: visible !important;
}
/* ----- */


.ra-override-cursor-default, .ra-override-cursor-default * {
  cursor: default !important;
}

/* http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ */
.hyphen-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.ra-ra-icon-actioncolumn {
  height: 16px;
  width: 16px;
}

/* Needed to fix new default in Ext 3.4.1 */
a:hover, a:hover * { cursor: pointer; }
.x-tab-strip-active a:hover, .x-tab-strip-active a:hover * { cursor: default; }


/* 
  Use this class (with an icon class) in iconCls for the special 
  case where you want a tab to have an icon only, no text title, and
  have the icon display nicely centered in the tab. This is hard
  coded for 16px width icons. Note that you *must* also set the 'title' to
  &nbsp; for the proper/consistent height. This is used by AppExplorer for
  the dashboard tab (home icon)
*/
.ra-tab-icon-only-16px {
  background-position: 4px 3px !important;
  padding-left: 0px !important;
  width: 20px !important;
}

/* Added to fix Github Issue #12 - we want to make sure any
   spans *inside* tab titles are inline instead of block so
   they don't wrap   */
.x-tab-strip .x-tab-strip-text span { display: inline; }

/* used for the red asterisk appended to tabs with unsaved changes:
   #c00000 (shade of red) is the same color as 'dirty.gif'  
   (dirty cell corner triangle icon) */
.ra-tab-dirty-flag {
  font-weight:bold;
  font-size:1.2em;
  line-height: 1em;
  color:#c00000;
}

.ra-grid-tb-query-time {
  /* light gray */
  color:#b3b3b3 !important;
  font-size:0.85em !important;
  line-height: 0.93em !important;
}

/* padding only in the toolbar; not in the overflow menu: */
.xtb-text.ra-grid-tb-query-time {
  padding-left:6px !important;
  padding-bottom:4px !important;
  min-width: 50px;
  white-space: normal;
  word-wrap: break-word;
  text-align: center;
}


/* Hide autopanel reloaders unless they are within an AutoPanel*/
.ra-autopanel-reloader             { visibility: hidden; }
.ra-ap-body .ra-autopanel-reloader  { visibility: visible; }


.ra-autopanel-reloader {
	color: navy;
}

.ra-autopanel-reloader:hover {
	color: blue;
	cursor:pointer;
	text-decoration:underline;
}

/* [OPTIONAL] -- may be used for either Ext.grid.GroupSummary / Ext.ux.grid.GridSummary plugins */
.x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background:#f1f2f4;}
.x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;}
/*.x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;}*/
.x-grid-hide-summary .x-grid3-summary-row{display:none;}
.x-grid3-summary-msg{padding:4px 16px;font-weight:bold;}


/* [REQUIRED] (by Ext.ux.grid.GridSummary plugin) */
.x-grid3-gridsummary-row-inner{overflow:hidden;width:100%;}/* IE6 requires width:100% for hori. scroll to work */
.x-grid3-gridsummary-row-offset{width:10000px;}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{display:none;}

.ra-change-pw-heading {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/assets/rapidapp/misc/static/images/keys.png) !important;
	padding-left: 128px;
	padding-top: 15px;
	min-height: 128px;
	min-width: 160px;
	font-size: 30px;
  font-family: Arial,Helvetica,sans-serif;
  color: #666666;
  text-align: center;
}

.ra-change-pw-heading .sub {
  padding-top:20px;
  font-size: .6em;
  
}

/* Styles for inline Template editing (RapidApp::Template::Controller) */

/* Templates directly within ExtJS Panel Bodys (i.e. Tabs)  
   should fill the full area for max flexibility:    */
.x-panel-body>.ra-template {
  height: 100%;
  width: 100%;
}

/* Special case for templates with template_css_class set to
   'ra-doc' (default). Set the padding *only* on the topmost
   template. This needs to be set here instead of in ra-doc.css
   because we don't want it applied to nested templates */
.ra-scoped-reset.ra-doc {
  padding: 2px 5px;
}

.ra-template {
  position: relative;
  min-height: 40px;
  min-width: 40px;
}

.ra-template>.edit {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  opacity: 0.2;
  display:none;
}

/* Nesting - handled up to 5 levels deep */
.ra-template .ra-template>.edit {
  top: 2px;
  right: 15px;
  opacity: 0.16;
}
.ra-template .ra-template .ra-template>.edit {
  top: 4px;
  right: 30px;
  opacity: 0.12;
}
.ra-template .ra-template .ra-template .ra-template>.edit {
  top: 6px;
  right: 45px;
  opacity: 0.08;
}
.ra-template .ra-template .ra-template .ra-template .ra-template>.edit {
  top: 8px;
  right: 60px;
  opacity: 0.04;
}
.ra-template .ra-template .ra-template .ra-template .ra-template .ra-template>.edit {
  top: 10px;
  right: 75px;
  opacity: 0.02;
}

.ra-template:hover>.edit {
  display: block;
}

.ra-template>.edit:hover {
  cursor: pointer !important;
  opacity: 1 !important;
}

.ra-template>.not-exist, .ra-template>.tpl-error {
  margin: 10px;
  padding: 15px;
  border-width: 1px;
  background-color: #FAFAFA;
  border-color: orange;
  border-style: dashed;
  color: #2F2F2F;
  font-size: 16px;
  font-weight: bolder;
  font-family: arial, verdana, tahoma, sans-serif;
  display: block;
}

.ra-template>.tpl-error {
  border-color: crimson;
}

.ra-template>.tpl-error>.error-msg {
  color: crimson;
  font-size: 13px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
}

.ra-template .tpl-name {
  font-size: 18px;
  padding-left: 4px;
  padding-right: 4px;
  color: navy;
  font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;
}

.ra-template>.not-exist>.create {
  margin: 5px;
  padding-bottom: 1px;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 20px;
  font-size: 14px;
  cursor: pointer;
  color: #06e;
  border-bottom: 1px dotted #888;
}

.ra-template>.not-exist>.create:hover {
  color: #00e;
  border-bottom: 1px solid #00e;
}
