/*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 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(enabled=true, 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(http://cp-ta.org/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(http://cp-ta.org/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(http://cp-ta.org/images/header_search/button.gif) bottom left no-repeat;
}

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

/* popup Ext editor window style */
.editor-window .x-window-body {
	background-color: #fff !important;
	padding:10px;
}
.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;
	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 .cancel-button {
	background:transparent url('/library/OverrideImages/icons-button-sprite.png') 0px -112px no-repeat !important;
}

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

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

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

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

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

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

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

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

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

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

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

.editor-window .clsLabel {
	width:110px;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding-top: 5px;
}
.editor-window .clsInput {
	float:left;
}
.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:9px;
}
.accordion-panel .x-panel-mc {
	background-color: #fff;
}
.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 0 0;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.menu-item-over .x-panel-tl {
	padding-left:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: no-repeat;
	background-position: 0 -126;
}
.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 0 0;
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: no-repeat;
	background-position: 0 -252;
}
.menu-item .x-panel-tr {
	padding-right:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: right -42;
}
.menu-item-over .x-panel-tr {
	padding-right:5px;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: right -168;
}
.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 -294;
}
.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;
}
.menu-item .x-panel-tc {
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: repeat-x;
	background-position: 0 -84;
}
.menu-item-over .x-panel-tc {
	background-image: url(/images/publish-menu/menu-item.png);
	background-repeat: repeat-x;
	background-position: 0 -210;
}
.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: 0 -336;
}
.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: 0 -388;
}
.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 -393;
}
.menu-item .x-panel-bwrap .x-panel-bc {
	height:5px;
	background-color: Transparent;
	background-image: url(/images/publish-menu/menu-item.png);
	background-position: 0 -398;
	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 0 0;
}
.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-middle-over {
	height:18px;
	overflow:hidden;
	padding-top:1px;
	padding-left:35px;
	background-color:#fff;
}
.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;
}