/*for development work*/
.border_1 { border: 1px solid purple; }
.border_red { border: 1px solid red; }
.border_blue { border: 1px solid blue; }
.border_green { border: 1px solid green; }
/* ========================================================================= */
/* Mozilla/FF show the scrollbar by default */
html { height: 100%; }
body { min-height: 100.01%; }
/* ========================================================================= */
/* SPACING, PADDING */
.nobr
{
  white-space: nowrap;
}
.lh-11
{
  line-height: 1.1;
}
.lh-12
{
  line-height: 1.2;
}
.lh-13
{
  line-height: 1.3;
}
.lh-14
{
  line-height: 1.4;
}
.lh-15
{
  line-height: 1.5;
}
.lh-20
{
  line-height: 2.0;
}

/* ========================================================================= */
/* OUTLINES, LINES, BORDERS */
.dashedline
{
  color: #000;
  border-style: dashed;
}
.dottedline
{
  color: #000;
  border-style: dotted;
}
.underline
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #000;
}
.underline_grey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #ccc;
}
.underline_dkgrey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #666;
}
.underline_dotted_grey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px dotted #333;
  text-decoration: none;
  * line-height: 1.3em; /*for ie*/
}
.underline_dashed_grey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px dashed #888;
  text-decoration: none;
}
.border_none
{
  border: none;
  border: 0;
  background-color: transparent;
  border-color: transparent;
}
.border_rounded_sm
{
  padding: 1px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border_rounded
{
  padding: 1px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* ========================================================================= */
/* ALIGNMENTS */
.centered, .center
{
  text-align: center;
}
.align_left
{
  text-align: left;
}
.align_right
{
  text-align: right;
}
.clearLeft, .clearleft
{
  clear: left;
}
.clearRight, .clearright
{
  clear: right;
}
.clearBoth, .clearboth
{
  clear: both;
}
.floatLeft, .floatleft
{
  float: left;
}
.floatRight, .floatright
{
  float: right;
}

/* ========================================================================= */
/* COLORS */
.nocolor, .nocolor:hover, a.nocolor, a.nocolor:hover, a.nocolor:visited, a.nocolor:link,
.nocolor a, .nocolor.a:hover, .nocolor.a:visited, .nocolor.a:link,
a.nocolor img, img.nocolor, label a.nocolor, label a.nocolor:visited
{
  background-color: transparent;
  border-color: transparent;
  background: none;
  border: none;
}
.text_color_red
{
  color: #c00;
}
.text_color_grey
{
  color: #ccc;
}
.text_color_dkgrey
{
  color: #6e6e6e;
}
.text_color_white
{
  color: #fff;
}

/* ========================================================================= */
/* SPACING */
.padding_0
{
  padding: 0;
}
.padding_3
{
  padding: 3px;
}
.padding_5
{
  padding: 5px;
}
.padding_8
{
  padding: 8px;
}
.padding_10
{
  padding: 10px;
}
.padding_15
{
  padding: 15px;
}
.padding_20
{
  padding: 20px;
}
.padding_l_5
{
  padding-left: 5px;
}
.padding_r_5
{
  padding-right: 5px;
}
.padding_t_5
{
  padding-top: 5px;
}
.padding_l_8
{
  padding-left: 8px;
}
.padding_r_8
{
  padding-right: 8px;
}
.padding_t_8
{
  padding-top: 8px;
}
.padding_l_20
{
  padding-left: 20px;
}
.padding_r_20
{
  padding-right: 20px;
}
.margin_0
{
  margin: 0;
}
.margin_2
{
  margin: 2px;
}
.margin_3
{
  margin: 3px;
}
.margin_5
{
  margin: 5px;
}
.margin_5
{
  margin: 8px;
}
.margin_10
{
  margin: 10px;
}
.margin_15
{
  margin: 15px;
}
.margin_20
{
  margin: 20px;
}
.margin_30
{
  margin: 30px;
}
.margin_l_0
{
  margin-left: 0;
}
.margin_l_3
{
  margin-left: 3px;
}
.margin_l_5
{
  margin-left: 5px;
}
.margin_l_10
{
  margin-left: 10px;
}
.margin_l_15
{
  margin-left: 15px;
}
.margin_l_20
{
  margin-left: 20px;
}
.margin_l_30
{
  margin-left: 30px;
}
.margin_r_3
{
  margin-right: 3px;
}
.margin_r_5
{
  margin-right: 5px;
}
.margin_r_10
{
  margin-right: 10px;
}
.margin_r_15
{
  margin-right: 15px;
}
.margin_r_20
{
  margin-right: 20px;
}
.margin_r_30
{
  margin-right: 30px;
}
.margin_l_20p
{
  margin-left: 20%;
  * margin-left: 40px;
}
.margin_r_20p
{
  margin-right: 20%;
  * margin-right: 40px;
}
.margin_l_10p
{
  margin-left: 10%;
  * margin-left: 20px;
}
.margin_r_10p
{
  margin-right: 10%;
  * margin-right: 20px;
}
.margin_t_10
{
  margin-top: 10px;
}
.margin_t_15
{
  margin-top: 15px;
}
.margin_t_20
{
  margin-top: 20px;
}
.margin_t_30
{
  margin-top: 30px;
}
.margin_b_5
{
  margin-bottom: 5px;
}
.margin_b_10
{
  margin-bottom: 10px;
}
.margin_b_15
{
  margin-bottom: 15px;
}
.margin_b_20
{
  margin-bottom: 20px;
}
.margin_b_30
{
  margin-bottom: 30px;
}


/* ========================================================================= */
/* FORM LAYOUTS */
.form_unit,
.form_unit_clear
{
  float: left;
  margin: 0 1em 0.5em 0;
}
.form_unit
{
  white-space: nowrap;
}
.form_unit_clear
{
  clear: both;
}
.form_unit_30em
{
  width: 30em;
}

.label_5em,
.label_8em,
.label_10em,
.label_12em,
.label_15em,
.label_20em,
.label_25em,
.label_30em,
.label_match
{
  float: left;
}

.label_match
{
  width: 13em;
  * width: 12em;/*for ie*/
}

.label_5em { width: 5em; }
.data_5em  { padding-left: 5em; }

.label_8em { width: 8em; }
.data_8em  { padding-left: 8em; }

.label_10em { width: 10em; }
.data_10em  { padding-left: 10em; }

.label_12em { width: 12em; }
.data_12em  { padding-left: 12em; }

.label_15em { width: 15em; }
.data_15em  { padding-left: 15em; }

.label_20em { width: 20em; }
.data_20em  { padding-left: 20em; }

.label_25em { width: 25em; }
.data_25em  { padding-left: 25em; }

.label_30em { width: 30em; }
.data_30em  { padding-left: 30em; }

.data_indent_02em { padding-left: 0.2em; }
.data_indent_05em { padding-left: 0.5em; }
.data_indent_1em  { padding-left: 1em; }

.form_unit div
{
  margin: 0 0 0.4em 0;
}

.form_unit label
{
  margin: 0 0.6em 0.2em 0;
}

/* ========================================================================= */
/* POSITIONING */
.rel_top_3,
.rel_top_5
{
  position: relative;
}
.rel_top_3
{
  top: 3px;
}
.rel_top_5
{
  top: 5px;
}


/* ========================================================================= */
/*
CSS_SHADOW :
This is a non-image way to "simulate" a shadow (with offset & color etc.). Will stretch to width/height.
  <div class="css_shadow_blur"><div class="css_shadow"><div class="css_shadow_content">
  <p>Duis autem vel eum, eu feugiat nulla facilisis at vero.</p>
  </div></div></div>
"CENTERED":
  <div class="align_center_wrap"><div class="align_center">
  <div class="css_shadow_blur" style="width: 90px;"><div class="css_shadow"><div class="css_shadow_content">
  <img src="" width="80" height="60" alt="" />
  </div></div></div>
  </div></div>
*/
/* ========================================================================= */
.css_shadow_blur
{
  margin-left: 4px;
  margin-top: 4px;
  background-color: #ccc;
  color: inherit;
}
.css_shadow, .css_shadow_content
{
  position: relative;
  bottom: 2px;
  right: 2px;
}
.css_shadow
{
  background-color: #666;
  color: inherit;
}
.css_shadow_content
{
  color: #000;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

/* ========================================================================= */
.abbr
{
  border-bottom: 1px dotted #666;
  cursor: help;
}
abbr
{
  border-bottom: 1px dotted #666;
  cursor: help;
}
.uppercase
{
  text-transform: uppercase;
}
/*
input[disabled]
{
  color: #666;
}
*/

.poor_mans_drop_shadow
{
  border-top: 1px solid #aaa;
  border-right: 2px solid #444;
  border-bottom: 2px solid #444;
  border-left: 1px solid #aaa;
}

.transbg_50, .transbg_50 td
{
  * filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/Global/cssImages/transbg_50.png');
}
/* non-ie */
.transbg_50[class]
{
 background-image: url(/Global/cssImages/transbg_50.png);
}

.susp, tr.susp td, #susp
{
  background-color: #fcffcd;
}

.legend_label
{
  width: 12em;
}
#legend #susp
{
  font-style: italic;
}
.legend_label, #legend #susp
{
  float: left;
  height: 1.2em;
  padding: 0.5em;
}

/* HACKS */

/* This is a hack to prevent a 1 pixel top border caused by the new wrapper functionality 10/20/06 */
#TopWrapperContainer
{
  display:none;
}


/* THE HOLLY HACK http://www.positioniseverything.net/articles/hollyhack.html */
/* Hides from IE5-mac \*/
* html .buggybox { height: 1%; }
/* End hide from IE5-mac */

/* for containers containing a float - to "stretch" the container all around the float */
/* http://www.positioniseverything.net/easyclearing.html */
/* <div class="clearfix"></div> */
.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* hides from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie-mac */

/*HEADER SEARCH ========================================================================= */

.clsSearchInput
{
	color: #999999;	
}

.clsSearchInputOnFocus
{
	color:#000000;
}

.clsSearch /* wraps entire search area */
{
	height: 20px;
	padding: 5px;
	float: left;
}

.clsSearch input /* specifically address input field */
{
	width: 100px;
	height: 20px;
	float: left;
	padding-top: 3px;
	padding-left: 5px;
	border: none;
	background-image: url(/images/header_search/border.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.clsSearchButtonContainer a /* div used for button */
{
	width: 20px;
	height: 20px;
	float: left;
	overflow: hidden;
	background: url(/images/header_search/button.gif) top left no-repeat;
}

.clsSearchButtonContainer a:hover
{
	background-image: none;
}

.clsSearchButtonContainer
{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: url(/images/header_search/button.gif) bottom left no-repeat;
}

/*========================================================================= */

/* popup Ext editor window style */
.editor-window .x-form-item {
	margin-bottom:6px;
}
.editor-window .x-window-body {
	background-color: #fff !important;
	padding:10px;
}
.editor-window .x-form-check-wrap {
	height:auto;
	/*line-height:normal;*/
}
.x-window-plain .x-window-body  {
	background-color: #fff !important;
	padding: 0px;	
}

.x-window-dlg .x-window-mc {
	border: 1px solid #d0d0d0 !important;
}
.container {
	padding:3px 0px;
	font-size:11px;
}

#formHide .container, .divForm .container {
	/*padding:3px;*//*BCM: this can cause the editor toolbar to wrap*/
	font-size:11px;
	margin-left:5px;
}
#formHide .container .clsLabel, .divForm .container .clsLabel{
	float:left;
	width:135px;
	font-weight:bold;
}
#formHide .container .clsInput, .divForm .container .clsInput{
	float:left;
}
.ext-ie #formHide .container .clsInput select, .ext-ie .divForm .container .clsInput select {
	margin-left:5px;
}
#formHide .container .clsLabel label, .divForm .container .clsLabel label, .divForm .container .clsInput label {
	font-weight:bold;
}

.editor-window .x-form-item-label {
	font-family: tahoma, Arial, Helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
}

.editor-window .x-btn-text {
	font-weight: bold;
}

.editor-window .cancel-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -112px no-repeat !important;
}

.editor-window .close-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -112px no-repeat !important;
}

.editor-window .save-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -96px no-repeat !important;
}

.editor-window .submit-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -96px no-repeat !important;
}

.editor-window .delete-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -128px no-repeat !important;
}

.editor-window .download-event-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -48px no-repeat !important;
}

.editor-window .register-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -32px no-repeat !important;
}

.editor-window .edit-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -64px no-repeat !important;
}

.editor-window .view-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -144px no-repeat !important;
}

.editor-window .send-email-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -16px no-repeat !important;
}

.editor-window .send-test-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px 0px no-repeat !important;
}

.editor-window .send-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -16px no-repeat !important;
}

.editor-window .print-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -80px no-repeat !important;
}

.editor-window .send-voice-text-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -192px no-repeat !important;
}

.editor-window .record-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -160px no-repeat !important;
}

.editor-window .record-confirm-button {
	background:transparent url('/images/icons/icons-button-sprite.png') 0px -176px no-repeat !important;
}

.editor-window .instruction-text {
	font-size: 10px;
}

.editor-window .locked-grid-item {
	background:transparent url('/images/icons/icon-lock.png') no-repeat !important;
}

.editor-window .req-label {
	color: #cc0000;
	padding-left: 4px;
}

.editor-window .header-help-button {
	float:left; 
	width: 53px; 
	height:18px; 
	background-image:url(/images/icons/icons-close-help.png); 
	cursor:pointer; 
	background-position:0 -18px;
}

.editor-window .header-close-button {
	float:right; 
	width: 57px; 
	height:18px; 
	background-image:url(/images/icons/icons-close-help.png); 
	cursor:pointer; 
	background-position:0 0;
}

.editor-window .clsLabel {
	width:110px;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding-top: 5px;
}
.editor-window .clsInput {
	float:left;
}

.loading-mask {
	position: absolute; 
	height: 100%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
	background: #f3efec url(/global/cssImages/lb-load.gif) no-repeat center center; 
	visibility: hidden;
}

.page-loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%; 
	width: 100%; 
	text-align: center; 
	line-height: 0;
	background-color: #000; 
	/*background: #000000 url(/images/progress/large-loading-animation.gif) no-repeat center center; */
	visibility: hidden;
	opacity: 0.5;
	filter: alpha(opacity:50);
}

.page-loading-spinner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
	background: url(/images/progress/large-loading-animation.gif) no-repeat center center; 
}

.save-mask {
	position: absolute; 
	text-align: center; 
	line-height: 0; 
	/* background: #f3efec url(/global/cssImages/lb-load.gif) no-repeat left center; */
	background-color: #f3efec;
	visibility: hidden;
	z-index: 9017;
}

/* Pill Boxes ===================================================================================== */
.pill-box-right {
	background: transparent url(/images/flat-win/background-pill-sprite2.png) no-repeat scroll right -3px;
	display: block;
	height: 23px;
	padding-right: 11px;
	color: #ffffff;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.right-red-pill {
	background-position: right -3px;
}
.right-yellow-pill {
	background-position: right -63px;
}
.right-green-pill {
	background-position: right -123px;
}

.pill-box-left {
	background: transparent url(/images/flat-win/background-pill-sprite2.png) no-repeat scroll left -33px;
	padding: 1px 0 2px 11px;
	line-height: 20px;
	display: block;
}
.left-red-pill {
	background-position: left -33px;
}
.left-yellow-pill {
	background-position: left -93px;
}
.left-green-pill {
	background-position: left -153px;
}

.ext-ie6 .x-form-text, .ext-ie7 .x-form-text{
	padding: 0px 0px 0px 2px;
	position:relative;
	margin:0px;
	top:-1px;
}
.editor-window .editor-tab .x-tab-panel-body {
	padding:10px;
}
.editor-window .editor-form .x-form-check-wrap {
	line-height:16px;
	height:auto;
}
.editor-window .editor-form .x-form-cb-label {
	font-size: 11px;
}
.container .x-form-check-wrap, .checkcell .x-form-check-wrap {
	height:auto;
	/*line-height:normal;*/
}
.container label {
	font-family: inherit;
	font-size: 11px;
	font-weight:normal;
}
.checkcell label {
	font-weight:normal;
}
#radio_container .x-form-check-wrap,
#attach_file_radio .x-form-check-wrap,
#enter_text_radio .x-form-check-wrap {
	padding:2px 0px;
}
.radiocell {
	width:16px;
	float:left;
}
.radiocell .x-form-check-wrap {
	height: auto;
	margin-top:3px;
}
.inputcell {
	float:left;
	margin-left: 3px;
}
.textcell {
	float:left;
	margin-left:3px;
	padding-top:3px;
	font-size:11px;
}
.checkcell {
	float:left;
	width:24%;
}

table.x-toolbar-ct {
	width: auto;
	float:right;
}

.slideshow-window .x-window-mc {
	background-color: #fff;
}

.editor-content ul, .editor-content ol {
	list-style-position: inside;
	list-style-type: disc;
	margin:1em 0em;
}
.editor-content div, .editor-content dl, .editor-content dt, .editor-content dd,
.editor-content ul, .editor-content ol, .editor-content h1,
.editor-content h2, .editor-content h3, .editor-content h4, .editor-content h5,
.editor-content h6, .editor-content pre, .editor-content form, .editor-content fieldset,
.editor-content input, .editor-content p, .editor-content blockquote,.editor-content th,.editor-content td {
	margin: 1em 0em;
}

.editor-content strong {
	font-weight:bold;
}

.ctMainPane p {
	margin:1em 0em;
}

.editor-content li {
	margin-left:20px;
}
/*
.x-btn em {
	display:block;
	margin:0px 10px;
}
*/
.form-builder .x-form-item {
	font-size:12px;
	font-weight:bold;
}
.form-builder .x-form-check-wrap {
	height: auto;
}
.form-builder .x-form-cb-label {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 0px 3px;
}
.form-builder .form-builder-tb {
	background:none;
	margin-bottom:10px;
}
.form-builder table.x-toolbar-ct {
	width:100%;
	float:none;
}
.ext-ie .form-builder .x-fieldset {
	padding:10px;
}
.options-panel .x-fieldset {
	margin-bottom:0px;
}
.editor-window .instr {
	font-size: 12px;
	margin: 5px 0px;
}
.editor-window .x-tab-panel-header {
	background-color: Transparent;
	border-width: 0px 0px 1px 0px;
	padding-bottom:0px;
}
.editor-window ul.x-tab-strip-top {
	background-image:none;
	background-color: transparent;
}
.field-btn .x-btn-mc {
	text-align:left;
}
.field-btn .x-btn-text {
	font-weight: bold;
}
/* New publish menu styles */
.publish-menu .x-panel-body {
	background-color:Transparent;
	border: none;
}
.accordion-panel .x-panel-tl {
	background-image: none;
	border-bottom:0px;
}
.accordion-panel .x-panel-ml {
	background-color:Transparent;
	background-image: url(/images/publish-menu/outer-frame-ml.png);
	background-repeat: repeat-y;
	padding-left:7px;
}
.accordion-panel .x-panel-mc {
	background-color: #fff;
	padding-top:0px;
}
.accordion-panel .x-panel-mr {
	background-color:Transparent;
	background-image: url(/images/publish-menu/outer-frame-mr.png);
	background-repeat: repeat-y;
	padding-right:10px;
}
.accordion-panel .x-panel-bl {
	background:Transparent url(/images/publish-menu/outer-frame-bl.png) no-repeat;
	padding-left:9px;
}
.accordion-panel .x-panel-br {
	background:Transparent url(/images/publish-menu/outer-frame-br.png) no-repeat right;
	padding-right:14px;
}
.accordion-panel .x-panel-bc {
	background:Transparent url(/images/publish-menu/outer-frame-bm.png) repeat-x;
	background-image:url(/images/publish-menu/outer-frame-bm.png);
	height:14px;
}
.menu-item {
	padding:3px 5px;
}
.menu-item .x-panel-tl {
	padding-left:5px;
	background: transparent url(/images/publish-menu/menu-item.png) no-repeat 0px 0px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.menu-item-over .x-panel-tl {
	padding-left:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: no-repeat;
	background-position: 0px -126px;
}
.menu-item .x-panel-tl-expanded, .menu-item-over .x-panel-tl-expanded {
	padding-left:5px;
	background: transparent url(/images/publish-menu/menu-item.png) no-repeat 0px 0px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: no-repeat;
	background-position: 0px -252px;
}
.menu-item .x-panel-tr {
	padding-right:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: right -42px;
}
.menu-item-over .x-panel-tr {
	padding-right:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: right -168px;
}
.menu-item .x-panel-tr-expanded, .menu-item-over .x-panel-tr-expanded {
	padding-right:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: right -294px;
}
.menu-item .x-panel-tl .x-panel-header, .menu-item .x-panel-tl-expanded .x-panel-header {
	border: none;
	padding: 0px;
	line-height:normal;
	font-weight:normal;
}
/*
Fix for DE656 "extra line" showing on menu items (is because of certain stylesheets with a broad "DIV" declaration,
esp. with e.g. "Verdana" it seems: for example hoa_ie360.css DIV { font-family: Verdana,Arial,Helvetica,Sans-serif; ....
Took the 11px and "tahoma,arial..." etc. from Ext css
#myprofilemenu .x-panel-header-text
*/
.menu-item div
{
  font-size: 11px !important;
  font-family: tahoma,arial,verdana,sans-serif !important;
}
.menu-item .x-panel-tc {
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: repeat-x;
	background-position: 0px -84px;
}
.menu-item-over .x-panel-tc {
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: repeat-x;
	background-position: 0px -210px;
}
.menu-item .x-panel-tc-expanded, .menu-item-over .x-panel-tc-expanded {
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: repeat-x;
	background-position: 0px -336px;
}
.menu-item .x-panel-bwrap .x-panel-ml, .menu-item .x-panel-bwrap .x-panel-mr {
	padding-left:0px;
	padding-right:0px;
	background-image:none;
}
.menu-item .x-panel-bwrap .x-panel-mr{
	border-right:1px solid #dadadf;
}
.menu-item .x-panel-bwrap .x-panel-mc {
	background-color:#e4e5eb;
}
.menu-item .x-panel-bwrap .x-panel-bl {
	height:5px;
	overflow:hidden;
	padding-left: 5px;
	background-color: Transparent;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat:no-repeat;
	background-position: 0px -388px;
}
.menu-item .x-panel-bwrap .x-panel-br {
	height:5px;
	padding-right: 5px;
	background-color: Transparent;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat:no-repeat;
	background-position: right -393px;
}
.menu-item .x-panel-bwrap .x-panel-bc {
	height:5px;
	background-color: Transparent;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: 0px -398px;
	background-repeat: repeat-x;
}
.menu-item .x-panel-bwrap .x-panel-bc .x-panel-footer {
	padding:0px;
	height:5px;
}
.menu-item .sub-menu {
	height:18px;
	overflow:hidden;
	margin:3px 0px;
	cursor:pointer;
}
.menu-item .sub-menu-left {
	margin: 0px 5px;
	height:18px;
	padding-left:5px;
	background: none;
}
.menu-item .sub-menu-left-over {
	margin: 0px 5px;
	height:18px;
	padding-left:5px;
	background: transparent url(/images/publish-menu/sub-menu.png) no-repeat 0px 0px;
}
.menu-item .sub-menu-right {
	height:18px;
	padding-right:5px;
	background: none;
}
.menu-item .sub-menu-right-over {
	height:18px;
	padding-right:5px;
	background: transparent url(/images/publish-menu/sub-menu.png) no-repeat;
	background-position: right -18;
}
.menu-item .sub-menu-middle {
	height:18px;
	overflow:hidden;
	padding-top:1px;
	padding-left:35px;
	background-color:transparent;
}
.menu-item .sub-menu-obj {
	height:25px;
	padding: 0px 0px 0px 42px;
}
.menu-item .sub-menu-obj-panel {	
	padding: 0px 0px 0px 20px;
	background-color: #fff; 
	
}
.menu-item .sub-menu-middle-over {
	height:18px;
	overflow:hidden;
	padding-top:1px;
	padding-left:35px;
	background-color:#fff;
}

/* site type icons for new publish menu */
.menu-st-combo 
{
	background: transparent url(/images/publish-menu/publish-menu-icons-site-type.png) no-repeat;
	padding-left: 16px
}

.st-normal
{
	background-position: -2px 20px;
} 
.st-payment-only 
{
	background-position: -2px -1px;
}
.st-mobile-only 
{
	background-position: -2px -21px;
}

/* site template form icon */
.menu-form-templates
{
	padding-left: 17px;
}

.form-template-site
{
	background: transparent url(/images/icons/site_template.gif) 1px 3px no-repeat;
}

/* styles for RC item new GUI */
.doc-folder-combo
{
}
/*indent levels*/
.doc-folder-combo-1
{
	padding-left: 10px;
}
.doc-folder-combo-2
{
	padding-left: 20px;
}
.doc-folder-combo-3
{
	padding-left: 30px;
}
.doc-folder-combo-4
{
	padding-left: 40px;
}
.doc-folder-combo-5
{
	padding-left: 50px;
}
.doc-folder-combo-6
{
	padding-left: 60px;
}
.doc-folder-combo-7
{
	padding-left: 70px;
}
.doc-folder-combo-8
{
	padding-left: 80px;
}
.doc-folder-combo-9
{
	padding-left: 90px;
}
.doc-folder-combo-10
{
	padding-left: 100px;
}




.form-fields .x-btn em {
	margin:0px 5px;
}
.field-properties {
	margin-left: 10px;
}
.field-properties .x-panel-body {
	padding:5px;
}
.field-properties .x-form-check-wrap {
	height: auto;
	line-height: normal;
	padding-top:5px;
}
.ext-ie .field-properties .x-form-check-wrap {
	padding-top:2px;
}
.options-panel {
	margin-bottom: 4px;
}
.options-panel .x-panel-body, .options-panel-left .x-panel-body, .options-panel-right .x-panel-body {
	padding:0px;
}
.options-panel-right .x-btn em {
	margin:0px 5px;
}
.options-panel-left .x-fieldset {
	margin-bottom: 0px;
}
.edit-grid-search .x-form-item {
	margin-bottom:0px;
}
.x-window-dlg .x-window-body{
	padding:5px;
}
/**** File Upload Field styles **/
/*
* Modications made to the Ext provided Ext.ux.form.FileUploadField.
* Changes between CHANGE and END CHANGE were made from the original.
*/
/*
* FileUploadField component styles
*/
.x-form-file-wrap {
    position: relative;
    height: 22px;
/* CHANGE */
overflow : hidden;
/* END CHANGE */
}
.x-form-file-wrap .x-form-file {
position: absolute;
right: 0;
-moz-opacity: 0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
position: absolute;
right: 0;
z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/*modify ext mask background*/
.ext-el-mask {
    background-color: #000000 !important;
}

/*================================================================================================= */

/* Ext Table padding overrides */
table .td-pad-two td { padding: 2px; }

/* Header icons =================================================================================== */
.hdr-lock-icon
{
	background-image: url(../icons/lock.png) !important;
}

/* Widgets =================================================================================== */

.news-widget {
	overflow:auto;
}

.news-widget-article {
	padding-bottom: 10px;
}

/*================================================================================================= */
.editor-grid .grid-del-icon
{
	background: url("/images/icons/icon-delete-small.png") no-repeat scroll 0 0 transparent !important;
	cursor: pointer;
}

.x-color-palette
{
	width: 290px !important;
}

span.hex-color-code
{
	display:inline-block;
	width:60px;
}
span.sel-color
{
	width:10px;
	height:10px;
	display:inline-block;
	margin-left:3px;
	border: 1px solid #ACA899;
}

.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;
}

.cls1pageEdit
{
	margin-bottom: 10px;
	/*padding-top: 8px !important;*/
	padding: 0 !important;
	border: solid 1px #b5b8c8 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #e7e7e7 0%, #ffffff 15%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(15%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #e7e7e7 0%,#ffffff 15%,#ffffff 100%);
	background: -o-linear-gradient(top, #e7e7e7 0%,#ffffff 15%,#ffffff 100%);
	background: -ms-linear-gradient(top, #e7e7e7 0%,#ffffff 15%,#ffffff 100%);
	background: linear-gradient(top, #e7e7e7 0%,#ffffff 15%,#ffffff 100%)
}

x-form-trigger x-form-arrow-trigger
{
	top: -1px !important;
}

/* Form Field Focus Highlight ********************************************************************
x-form-text:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid rgba(82, 168, 236, 0.75);
    box-shadow: 0 0 7px rgba(82, 168, 236, 0.5);
}*/


/* In IE9, box-shadow and rgba only work in IE9 standards mode 
		In FF, the box shadow has issues relating to margin, sometimes you get left 
		and right glow, sometimes, one or the other, but never top and bottom. this would require some 
		pretty heavy modifications to the layout. 

		modifying the .editor-window .x-form-item class fixes regular fields and 
		text areas, but composite fields are still not good
	
.editor-window .x-form-item {
    margin-bottom: 0;
    padding: 5px 0;
}
*/
.av-content-win-panel .x-form-focus, .av-content-win-panel textarea.x-form-focus 
{
	border: 1px solid rgb(82, 168, 236);
  border: 1px solid rgba(82, 168, 236, 0.75);
  box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}

.x-form-invalid-msg {
	background-image: url('/images/icons/exclamation.gif');
}

.win-footer-err {
	background: url('/images/icons/exclamation.gif');
	padding: 0 0 0 40px;
	color: red; 
	font-weight: bold;
}

/* New Styles for AV Flat Window ================================================================== */
.av-flat-window .x-window-tc {
	background-image: url(/images/flat-win/top-bottom.png) !important;
}
.av-flat-window .x-window-tr {
	background-image: url(/images/flat-win/right-corners.png) !important;
}
.av-flat-window .x-window-tl {
	background-image: url(/images/flat-win/left-corners.png) !important;
}

.av-flat-window .x-window-mr {
	background-image: url(/images/flat-win/left-right.png) !important;
}
.av-flat-window .x-window-ml {
	background-image: url(/images/flat-win/left-right.png) !important;
}

.av-flat-window .x-window-bc {
	background-image: url(/images/flat-win/top-bottom.png) !important;
}
.av-flat-window .x-window-br {
	background-image: url(/images/flat-win/right-corners.png) !important;
}
.av-flat-window .x-window-bl {
	background-image: url(/images/flat-win/left-corners.png) !important;
}

/*
.av-flat-window {
	-moz-box-shadow:    2px 2px 3px 0 #7F7F7F;
  -webkit-box-shadow: 2px 2px 3px 0 #7F7F7F;
  box-shadow:         2px 2px 3px 0 #7F7F7F;
}
*/
.av-flat-window .x-window-header-toolbar {
	float				:right; 
	width				:110px; 
	height			:26px; 
	postition		:relative;
}

.av-flat-window .flat-close-button {
	position		: absolute;
	right				: -17px; 
	top					: -15px; 
	background	: url(/images/flat-win/icon-close.png);
	width				: 34px;
	height			: 34px;
	cursor			: pointer;
	z-index			: 10000;
}

.av-flat-window .flat-help-button {
	position		: absolute;
	right				: 18px;
	top					: 2px;
	width				: 65px;
	height			: 25px;
	background	: transparent url(/images/flat-win/help-button.png) 0 -25px no-repeat;
	cursor			: pointer;
	}

.av-flat-window .x-resizable-handle-northeast {
		cursor: pointer;
	}

.av-flat-window .x-window-tc {
	overflow		: visible;
}

/* Window Title */
.av-flat-window .x-window-tl .x-window-header {
	color				: #000000;
	overflow		: visible;
}

.av-flat-window .x-window-tl .x-window-header div {
	font				: bold 14px tahoma,arial,verdana,sans-serif;
}