/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronModalCss */
/* path: /WorkArea/java/plugins/modal/ektron.modal.css
/* ############################################################# */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (in ektron.jqmodal.js). 
   You can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).modal({zIndex: 500}); 
*/
	
.ektronWindow {display: none; position: fixed !important; top: 25%; left: 50%; margin-left: -20em; width: 40em; background-color: #fff; color: #333; border: 1px solid #525252; padding: 1em;}
.ektronModalOverlay { background-color: #3f3f3f; margin: 0; padding: 0;}

/* widths */
.ektronModalWidth-10 {margin-left: -5em !important; width: 10em !important;}
.ektronModalWidth-20 {margin-left: -10em !important; width: 20em !important;}
.ektronModalWidth-25 {margin-left: -12.5em !important; width: 25em !important;}
.ektronModalWidth-30 {margin-left: -15em !important; width: 30em !important;}
.ektronModalWidth-40 {margin-left: -20em !important; width: 40em !important;}
.ektronModalWidth-50 {margin-left: -25em !important; width: 50em !important;}
.ektronModalWidth-60 {margin-left: -30em !important; width: 60em !important;}
.ektronModalWidth-70 {margin-left: -35em !important; width: 70em !important;}
.ektronModalWidth-80 {margin-left: -40em !important; width: 80em !important;}
.ektronModalWidth-90 {margin-left: -45em !important; width: 90em !important;}
.ektronModalWidth-100 {margin-left: -50em !important; width: 100em !important;}

/* heights */
.ektronModalHeight-10 {height: 10em !important;overflow-y: auto !important;}
.ektronModalHeight-20 {height: 20em !important;overflow-y: auto !important;}
.ektronModalHeight-25 {height: 25em !important;overflow-y: auto !important;}
.ektronModalHeight-30 {height: 30em !important;overflow-y: auto !important;}
.ektronModalHeight-40 {height: 40em !important;overflow-y: auto !important;}
.ektronModalHeight-50 {height: 50em !important;overflow-y: auto !important;}
.ektronModalHeight-60 {height: 60em !important;overflow-y: auto !important;}
.ektronModalHeight-70 {height: 70em !important;overflow-y: auto !important;}
.ektronModalHeight-80 {height: 80em !important;overflow-y: auto !important;}
.ektronModalHeight-90 {height: 90em !important;overflow-y: auto !important;}
.ektronModalHeight-100 {height: 100em !important;overflow-y: auto !important;}


/* Ektron Themes:  multiclass the outermost div with the theme className to achieve these styles */
.ektronModalStandard {font-size: 12px;}
div.ektronModalStandard { padding: 0em;	border: solid 1px #525252; background: #E1E7F2;	top: 50%; font-size: 12px;}
div.ektronModalStandard, div.ektronModalStandard input, div.ektronModalBody table th, div.ektronModalBody table td {font-family: Arial, Verdana, sans-serif;}
.ektronModalStandard .ektronModalHeader h3 { background-image: url('/WorkArea/images/application/darkblue_gradiant-nm.gif'); background-color: #3163BD;	background-repeat: repeat-x; background-position: 0 -2px; color: #fff;	margin: 0;	padding: .6em .25em; font-size: 1em; position: relative;}
.ektronModalStandard .ektronModalHeader h3 a.ektronModalClose {display: block;	background-image: url('/WorkArea/images/application/closeButton.gif'); background-repeat: no-repeat;	background-position: 0px -23px;	background-color: Transparent; text-decoration: none; width: 21px; height: 21px; position: absolute; right: .25em; top: .25em; text-indent: -10000px; overflow: hidden; cursor: pointer;}
.ektronModalStandard .ektronModalHeader h3 a.ektronModalClose:hover {background-position: -23px 0;}
.ektronModalStandard div.ektronModalBody { background: #FFFFFF none repeat scroll 0%; border: 1px solid silver;	color: #333333;	margin: 1em 0.75em;	padding: 0.5em;}
.ektronModalStandard div.ektronModalBody table { margin: 0 1.5em;}
.ektronModalStandard div.ektronModalBody table th {	font-size: 12px; padding-right: 1em; padding-top: .25em;}
.ektronModalStandard div.ektronModalBody table th, div.ektronModalBody table td{ vertical-align: top;}
.ektronModalStandard div.ektronModalBody fieldset{	clear: both;}

/* Buttons */
.ektronModalStandard .ektronModalButtonWrapper{	margin: 1em 0 .25em; padding: 0; list-style: none; width: 100%;}
.ektronModalStandard .buttonWrapper { float: right;	margin: 1em 0 0 0;	padding: 0;	list-style: none;	width: 50%;}
.ektronModalStandard .ektronModalButtonWrapper li, ul.buttonWrapper li { display: inline; background-image: none; background-color: transparent;}
.ektronModalStandard ul.buttonWrapper li { float: right;	margin: 0;	padding: 0;	border: 0px;}
.ektronModalStandard a.button{	display: block;	padding: .5em 1em .5em 2.25em; border: 1px solid silver; background-color: #eee; color: #8F8F8F; background-repeat: no-repeat; background-position: .5em .4em; font-size: 1em; margin: 0 0 0 .75em; line-height: 100%; cursor: pointer; text-decoration: none;}
.ektronModalStandard a.button:active {  color: #8F8F8F;	font-size: inherit;}
.ektronModalStandard a.button:visited {	color: #8F8F8F;}
.ektronModalStandard a.button:hover { text-decoration: none;}
.ektronModalStandard a.buttonLeft {	float: left;}
.ektronModalStandard a.buttonRight { float: right;}
.ektronModalStandard a.text { font-size: .75em;}
.ektronModalStandard a.cancelButton { background-image: url('/WorkArea/images/application/delete.gif');}
.ektronModalStandard a.okButton { background-image: url('/WorkArea/images/application/check.gif');}
.ektronModalStandard a.nextButton { background-image: url('/WorkArea/images/application/but_next.gif'); background-position: .5em .25em;}
.ektronModalStandard a.backButton {	background-image: url('/WorkArea/images/application/but_prev.gif'); background-position: -.1em .25em;}
.ektronModalStandard a.deleteButton { background-image: url('/WorkArea/images/application/btn_delete-nm.gif'); background-position: .25em .1em; margin-right: .5em;}
.ektronModalStandard a.redHover:hover {	background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #D12F19;}
.ektronModalStandard a.blueHover:hover { background-color: #DFF4FF;	border: 1px solid #C2E1EF; color: #336699;}
.ektronModalStandard a.greenHover:hover { background-color: #E6EFC2; border: 1px solid #C6D880;	color: #529214;}

/*Messages*/
.ektronModalStandard .messages {display: block; width: auto; margin-bottom: .1em; font-size: 1em;}
.ektronModalStandard .messages span { display: block; margin: .25em; padding: .5em .5em .5em 2em; background-repeat: no-repeat;	background-position: .25em .5em;}
.ektronModalStandard .messages span.wordbreak {	display: inline; text-indent: -10000px;	margin: 0; padding: 0; width: 0; overflow: hidden; font-size: 1px;}

/* clearfix */
.ektronModalStandard .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.ektronModalStandard .clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .ektronModalStandard .clearfix {	height: 1%;}
.ektronModalStandard .clearfix { display: block;}
/* End hide from IE-mac */

/* The following section of code must always be the last section of this file (IE Expression Bug)
   Do not place any piece of styling information below this point */
/* Background iframe styling for IE6. Prevents ActiveX bleed-through 
   (<select> form elements, etc.). 
*/
* iframe.ektronModalIframe {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 star (*) selector used to hide 
   definition from browsers other than IE6.
   For valid CSS, use a conditional include instead 
*/
* html .ektronWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronSmartFormCss */
/* path: /WorkArea/csslib/contentdesigner/ektron.smartform.css
/* ############################################################# */

/* Copyright 2003-2009, Ektron, Inc. */

body
{
	margin:0px;
}

select, option 
{
	behavior: url('/WorkArea/csslib/contentdesigner/DisabledOptions.htc');
}

/* Wraps the content being edited. */
/* div.design_content may also have class design_mode_design or design_mode_entry */
#design_content, div.design_content 
{
	overflow: auto;
	padding:2px;
	background-image:none;
	border-style:none;
	background-color:white; /* required for workaround */
	/*
	If the background color is not set, clicking below the text on the left half
	of the window will send the cursor to the top of the content. Clicking on the
	right half sends the cursor to the end of the content, as it should. With
	the background color set, the cursor will find a location on the last line of
	text vertically above the mouse pointer when clicked.
	*/
}

#design_content table th.small, div.design_content table th.small 
{
	font-size: .87em;  /*prevents horizontal scroll in some situations */
}

/* This style would override the bordercolor attribute :-(
div.design_mode_design table 
{
	border:silver solid 1px;
}

div.design_mode_design td 
{
	border:silver solid 1px;
}
*/

iframe.contenteditable, iframe.design_cache
{
	width:100%; height:100%;
	background-image:none;
	border-style:none;
	padding:0px;
	min-height:5em; /* autoheight */
}
div.design_richarea iframe.contenteditable, div.design_richarea iframe.design_cache
{
	/* autoheight */
	min-height:5em; 
}
/* Wraps the shadowed content of the iframe.contenteditable. */
div.design_iframe_membrane 
{
	display:none;
}

/* Wraps the content of the group box (eg, <fieldset>) apart from its caption (eg, <legend>). */
div.design_membrane 
{
	width:100%;
	background-image:none;
	border-style:none;
	margin:0px;
	padding:0px;
}

/* The following apply to their respective field types for design. */
div.ektdesignns_richarea 
{
	border:inset 2px; 
	margin:0px;
	padding:1px; 
	width:98%; height:5em; overflow:auto; 
	vertical-align:top; 
	font-size:x-small;
	background-image:none;
}

div.ektdesignns_checklist 
{
	border:dotted buttonface 2px; 
	margin:2px;
	padding:4px;
	background-image:none;
}

div.ektdesignns_choices 
{
	border:dotted buttonface 2px; 
	margin:2px;
	padding:4px;
	background-image:none;
}

span.HackForMoveToElementText
{
	line-height: 0px; 
}

span.ektdesignns_calendar 
{
	background-color:#99ccff; 
	border:1.0px solid #6699cc; 
	/*border:dotted buttonface 2px; */
	margin:2px;
	padding:1px;
	background-image:none;
}

span.ektdesignns_imageonly 
{
	border:dotted buttonface 2px; 
	margin:2px;
	padding:1px;
	background-image:none;
}

span.ektdesignns_filelink 
{
	border:dotted buttonface 2px; 
	margin:2px;
	padding:1px;
	background-image:none;
}

span.ektdesignns_mergefield 
{
	background-color:#99ccff; 
	border:1.0px solid #6699cc; 
	padding-left:2px; padding-right:2px;
	padding-top:0px; padding-bottom:0px;
	background-image:none;
}

div.ektdesignns_mergelist 
{
	background-color:#99ccff; 
	border:4px solid #6699cc; 
	padding:7px; 
	overflow:auto; 
	vertical-align:top;
	background-image:none;
}

div.ektdesignns_mergelist table
{
	border:1px; 
}

span.ektdesignns_resource
{
	border:dotted buttonface 2px; 
	margin:2px;
	padding:1px;
	background-image:none;
}

span.ektdesignns_resource span, span.design_resource span
{
	background-color:#99ccff; 
	padding:0px;
	background-image:none;
}

/* The following apply to their respective field types for data entry. */
div.design_group 
{
	min-height:5em;  /* standards mode */
	overflow:visible;
	background-image:none;
	border-style:none;
	margin:0px;
	padding:0px; 
}

fieldset.design_group 
{
	border:dashed buttonface 2px; 
	padding:2px; 
	margin:2px; 
	width:100%;
}

div.design_richarea 
{
	border:inset 2px;
	width:99%; 
	height:auto;
	min-height:5em; /* standards mode */
	overflow:visible;
	background-color:white;
	padding:1px;
	background-image:none;
}

div.design_checklist 
{
	font-family:arial; 
	font-weight:normal; 
	background-color:white; 
	padding:4px;
	background-image:none;
	border-style:none;
}

div.design_choices 
{
	font-family:arial; 
	font-weight:normal; 
	background-color:white; 
	padding:4px;
	background-image:none;
	border-style:none;
}

span.design_calendar 
{
	font-family:arial; 
	font-weight:normal; 
	background-color:white; 
	border-width:2px;
	padding:1px;
	background-image:none;
}

span.design_imageonly 
{
	font-family:arial; 
	font-weight:normal; 
	background-color:white; 
	padding:1px;
	border-width:2px;
	background-image:none;
}

span.design_filelink 
{
	font-family:arial; 
	font-weight:normal; 
	background-color:white; 
	padding:1px;
	border-width:2px;
	background-image:none;
}

input.design_calculation 
{
	border-style:solid;
	border-width:1px;
}

span.design_standardlabel
{
	font-family:arial; 
	font-weight:normal; 
	background-color:white; 
	padding:1px;
	border-width:2px;
	background-image:none;
}

/* design_fieldbutton applies to the icon for fields with a button (e.g., calendar). */
img.design_fieldbutton 
{
	/* margin:2px; Can't set margin because it interferes with span border */
	vertical-align: middle;
}

/* design_container is used in data entry mode for the context menu. */
div.design_container 
{
	background-image:none;
	border-style:none;
	padding:0px; 
}

/* design_selectwrapper is used in data entry mode to hide select lists when the context menu 
	is showing. Otherwise, the select list window is always on top. */
span.design_selectwrapper 
{
	border:inset 2px;
	background-color:#F0F0F0;
	background-image:none;
	padding:0px; 
}

span.design_selectwrapper select 
{
	margin:-2px;
	visibility:hidden;
}

/* design_contextmenu is used in data entry mode for the context menu for repeatable elements. */
div.design_contextmenu 
{
	position:absolute; z-index:32001;
	border:2px outset;
	padding:2px;
	font-family:MS Sans Serif;
	font-size:x-small;
	color:buttontext; background-color:buttonface; 
	background-image:none;
}

div.design_contextmenu table, div.design_contextmenu table th, div.design_contextmenu table td
{
	border:none;
	padding:0px;
}

img.design_contextmenu_button 
{
}

/* design_view_button is for the icon to show/hide group boxes. */
a.design_view_button:link 
{
	padding:2px; 
}
a.design_view_button:visited 
{
	padding:2px; 
}
a.design_view_button:hover 
{
	padding:2px; 
}
a.design_view_button 
{
	padding:2px; 
}

img.design_view_button 
{
}

/* design_menuitem is used in data entry mode for the context menu for repeatable elements. */
/*	If a web page has the DOCTYPE declaration, different modern browsers will draw the page in 
	different rendering modes (quirks, standard/strict, almost standard modes). 
	http://hsivonen.iki.fi/doctype/
	The following pages describe how to trigger quirks mode in IE6 and IE7 
	in order to give the correct hover background coverage (the page behaves as IE5):
	http://www.quirksmode.org/css/quirksmode.html 
	http://www.satzansatz.de/cssd/quirksmode.html
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/ie7_css_compat.asp
	However, Draco has no control over customer's web pages.  These materials
	can only be written as a workaround for future KB articles. 
*/
a.design_menuitem:link 
{
	color:buttontext;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem:visited 
{
	color:buttontext;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem:hover 
{
	background-color:yellow;
	color:buttontext;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem 
{
	color:buttontext;
	width:100%;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem_disabled:link 
{
	cursor:not-allowed;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem_disabled:visited 
{
	cursor:not-allowed;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem_disabled:hover 
{
	cursor:not-allowed;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}
a.design_menuitem_disabled 
{
	cursor:not-allowed;
	padding-right:4px; padding-left:4px; padding-top:2px; padding-bottom:2px; 
	font-family:MS Sans Serif;
	font-size:x-small;
	text-decoration:none;
}

/* Moving the cursor up and down over background-image:url('/WorkArea/csslib/contentdesigner/') will eventually use up resources :-( */

a.design_menuitem img 
{
	margin-right:4px;
}
a.design_menuitem_disabled img 
{
	margin-right:4px;
}


/* design_dynlist_* is used in data entry mode for repeatable elements. */
div.design_dynlist_container 
{
	background-image:none;
	border-style:none;
	padding:0px; 
}

table.design_dynlist_area 
{
	width:100%;
}

img.design_dynlist_spacer 
{
	width:150px; height:0;
}

td.design_dynlist_first_normal 
{
	padding:3px;
	width:11px;
	vertical-align:top;
}
td.design_dynlist_normal, th.design_dynlist_normal 
{
	padding:2px;
	border:white solid 1px !important;
	vertical-align:top;
}
td.design_dynlist_last_normal 
{
	width:1px;
	vertical-align:top;
}
td.design_dynlist_first_hover 
{
	padding:3px;
	width:11px;
	vertical-align:top;
}
td.design_dynlist_hover, th.design_dynlist_hover 
{
	padding:2px;
	border:buttonface dotted 1px !important;
	vertical-align:top;
}
td.design_dynlist_last_hover 
{
	width:1px;
	vertical-align:top;
}

table.design_dynlist_area,
table.design_dynlist_area > tbody > tr > td,
td.design_dynlist_first_normal, td.design_dynlist_last_normal,
td.design_dynlist_first_hover, td.design_dynlist_last_hover,
tr.design_spacer td
{
	border-style:none !important;
}

a.design_dynlist_menu:link 
{
	color:buttontext;
	padding:2px; 
	border-style:none;
	font-family:MS Sans Serif;
	font-size:xx-small;
	text-decoration:none;
}
a.design_dynlist_menu:visited 
{
	color:buttontext;
	padding:2px; 
	border-style:none;
	font-family:MS Sans Serif;
	font-size:xx-small;
	text-decoration:none;
}
a.design_dynlist_menu:hover 
{
	color:buttontext;
	padding:2px; 
	border-style:none;
	font-family:MS Sans Serif;
	font-size:xx-small;
	text-decoration:underline;
}
a.design_dynlist_menu 
{
	color:buttontext;
	padding:2px; 
	border-style:none;
	font-family:MS Sans Serif;
	font-size:xx-small;
	text-decoration:none;
}

/* design_add_graphic for icon to add new data elements in data entry mode. */
img.design_add_graphic 
{
	margin-right:2px;
}

/* design_prototype identifies content to adding new data elements in data entry mode. */
.design_prototype 
{
	display:none;
}

/* design_list_* format choices field */
ol.design_list_vertical 
{
	list-style-type:none;
	margin:0;
	padding-left:1px;
	padding-right:3px;
	border:solid white 2px;
}
ol.design_list_vertical li 
{
	display:list-item;
}
ol.design_list_horizontal 
{
	margin:0;
	padding-left:1px;
	padding-right:3px;
	border:solid white 2px;
}
ol.design_list_horizontal li 
{
	display:inline;
}
select, textarea 
{
	vertical-align:top;
}
.design_validation_failed
{
	border: 2px dashed red !important;
}
input.design_validation_failed 
{
	background: #ffeeee;
}
span.design_validation_failed select
{
	background: #ffeeee;
}
span.design_validation_failed input
{
	background: #ffeeee;
}

/* show_design_border is used to display a border around the tabular data table in design mode. */
.show_design_border, table.show_design_border td, table.show_design_border th {
	border:silver solid 5px;
	margin:5px;
}

/* indicate selected field in content */
.design_selected_field
{
	background-image: url('/WorkArea/csslib/contentdesigner/selectedfield.gif') !important;
	background-repeat: repeat;
}

.MakeLink
{
	color: #00F;
	border-bottom: dotted;
}

/* placeholder tags */
textarea.design_placeholder_script
{
	display: block;
	width: 98%;
	height: 200px;
	color: Maroon;
	background-color: White;
	font-family: Courier New;
	font-size: small;
	overflow: auto;
}

img.design_fixedsize_placeholder
{
	background: #0066CC url('/WorkArea/csslib/contentdesigner/placeholder.png') no-repeat;
	width: 28px;
	height: 18px;
	margin: 2px;
	border-style: none;
}

img.design_resizable_placeholder
{
	background: white url('/WorkArea/csslib/contentdesigner/placeholderbg.gif') repeat;
	margin: 2px;
	border: solid 2px black;
}

img.design_placeholder_script
{
	background: url('/WorkArea/csslib/contentdesigner/script.gif') no-repeat;
	width: 16px;
	height: 16px;
	margin: 2px;
	border-style: none;
}

img.design_placeholder_link
{
	background: url('/WorkArea/csslib/contentdesigner/css.gif') no-repeat;
	width: 16px;
	height: 16px;
	margin: 2px;
	border-style: none;
}


/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronPageHostCss */
/* path: /WorkArea/PageBuilder/PageControls/Themes/TrueBlue/CSS/PageHost.css
/* ############################################################# */

div.EktronPersonalizationWrapper
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:9999;
}

div.EktronPersonalizationWrapper a {outline: none;}
div.EktronPersonalizationWrapper a:focus {-moz-outline-style: none;}

div.EktronPersonalizationWrapper .topmenu
{
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/ScorpiusTopMenu.gif');
	background-color:#71a9d4;
	font-family:Arial, Helvetica, sans-serif;
	color:#005695;
	font-weight: bold;
	font-size:12px;
	align: absmiddle;
	padding:10px 0px 4px 20px;
	margin:0px 0px 0px 0px;
}
div.EktronPersonalizationWrapper .topmenuitem
{
	margin: 0px 1em 0 0;
	padding: 0px 1em;
	float:left;
	border: solid 1px transparent;
}

div.EktronPersonalizationWrapper .topmenu .menuHover
{
	background-color: #5c8eb3;
	color: #fff;
	border-top: solid 1px #87b6d9;
	border-left: solid 1px #87b6d9;
	border-right: solid 1px #87b6d9;
}

div.EktronPersonalizationWrapper .topmenuitem ul
{
	z-index:99999;
	position:absolute;
}

div.EktronPersonalizationWrapper .topmenutext_right
{
	margin:0px 10px 0px 10px;
	float:right;
	font-weight:normal;
}
div.EktronPersonalizationWrapper .topmenuitem_right
{
	margin:0px 25px 0px 7px;
	float:right;
}
div.EktronPersonalizationWrapper .MenuToggle
{
	position:absolute;
	left:100%;
	top:0px;
	width:12px;
	height:30px;
}

div.EktronPersonalizationWrapper .MenuOpened
{
	position:absolute;
	right:0px;
	left:auto;
}
div.EktronPersonalizationWrapper .MenuToggle img
{
	border-width:0px;
}

div.EktronPersonalizationWrapper .topmenuitem_right:hover
{
	color:#fff;
}

/******************************** Menu Icons ************************************/
ul.dropdown li a.valid, ul.dropdown li a.invalid
{
	display: inline-block;
	padding-left: 24px;
	background-repeat: no-repeat;
} 
#PBNew a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_add.png');}
#PBNew a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_add_off.png');}
#PBCopy a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_saveas.png');}
#PBCopy a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_saveas_off.png');}
#PBEdit a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_published.png');}
#PBEdit a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_published_off.png');}
#PBSave a, #PBSave a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_save.png');}
#PBCheckin a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_checkin.png');}
#PBCheckin a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_checkin_off.png');}
#PBPublish a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_published.png');}
#PBPublish a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_published_off.png');}
#PBCancel a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_remove.png');}
#PBCancel a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_remove_off.png');}
#PBProperties a, #PBPreview a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_published.png');}
#PBProperties a.invalid, #PBPreview a.invalid {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/document_published_off.png');}
#PBWorkarea a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/toolbox.png');}
#PBAnalytics a {background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/chartBar.png');}


div.EktronPersonalizationWrapper .searchbox_alignright
{
	margin:-5px 10px 0px 10px;
	width:210px;
	float:right;
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/Searchboxbackground.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
div.EktronPersonalizationWrapper .searchbutton
{
	background:none;
	border:none;
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/SearchboxButton.png');
	background-position:0px 2px;
	background-repeat: no-repeat;
	width:23px;
	height:18px;
	font-size:2px;
	margin:0px 12px 0px 0px;
}
div.EktronPersonalizationWrapper .topmenuinputbox
{
	background:none;
	border:none;
	height:20px;
	width:168px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	position: relative;
	top: .25em;
	left: .25em;
}

div.EktronPersonalizationWrapper .clear
{
	clear:both;
	height:0px;
}

div.EktronPersonalizationWrapper div#widgetlistWrapper
{
	overflow:hidden;
	border-top: solid 1px #5c8eb3;
	border-bottom: solid 1px #5c8eb3;
	border-left: solid 1px #87b6d9;
	border-right: solid 1px #87b6d9;
	left:24px;
	right:24px;
}
	
div.EktronPersonalizationWrapper a.scrollRight, div.EktronPersonalizationWrapper a.scrollLeft
{
	text-decoration:none;
	font-size:xx-small;
	margin-top:0px;
	margin-left: -24px;
	display: block;
	float:left;
	width:24px;
	height:102px;
	z-index:10;
	background-repeat: no-repeat;
	background-position: 4px 43px;
	background-color: #5c8eb3;
}

div.EktronPersonalizationWrapper a.scrollRight
{
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_arrow_back_off.png');
}

div.EktronPersonalizationWrapper a.scrollRight:hover
{
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_arrow_back_on.png');
}

div.EktronPersonalizationWrapper a.scrollLeft
{
	position:absolute;
	right:1px;
	top: 31px;
	margin-left: 0;
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_arrow_forward_off.png');
}

div.EktronPersonalizationWrapper a.scrollLeft:hover
{
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/icon_arrow_forward_on.png');
}

div.EktronPersonalizationWrapper .controldashboard
{
	height:100px;
	/*background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/Control_Dashboard_Background.gif');*/
	background-color: #d3e2f4;
	border:1px solid #5c8eb3;
	display:none;
	overflow:hidden;
	margin: 0 auto;
	padding: 0px 24px;
}
div.EktronPersonalizationWrapper .controldashboardbottom
{
	/*background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/dashboardbottom.png');
	background-repeat:repeat-x;
	background-position: top left;
	*/
	background-color: #bed5eb;
	z-index:10000;
	height:5px;
}
div.EktronPersonalizationWrapper .pullchain
{	
	margin-top:-5px; 
	text-align:center;
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/pullchainbackground.png');
	background-repeat:repeat-x;
	background-position: 0px 0px;
}
div.EktronPersonalizationWrapper .pullchain img
{	
	border:solid 0px #fff;
}
div.EktronPersonalizationWrapper ul.dropdown
{
	display:none;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#fff;
	background:#5c8eb3;
	font-size:11px;
	width:150px;
	border-left: 1px solid #87b6d9;
	border-right: 1px solid #87b6d9;
	border-bottom: 1px solid #87b6d9;
	margin:0px;
	padding: .25em 0 0 0;
}

div.EktronPersonalizationWrapper ul.dropdownProps
{
	display:none;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#fff;
	background:#5d8fb4;
	font-size:11px;
	width:300px;
	border-left: 1px solid #87b6d9;
	border-right: 1px solid #87b6d9;
	border-bottom: 1px solid #87b6d9;
	margin:0px;
	padding: .25em 0 0 0;
}

div.EktronPersonalizationWrapper li.dropdown
{
	padding: 3px 4px 3px 8px;
	/*border-bottom: 1px solid #87b6d9;*/
}
div.EktronPersonalizationWrapper ul.dropdown li.dropdown:hover
{
	background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/menuitem_hover_background.png');
}
div.EktronPersonalizationWrapper li.dropdown2
{
	padding: 3px 4px 3px 30px;
	/*border-bottom:1px solid #2e2e2e;*/
}
div.EktronPersonalizationWrapper ul.dropdown li.dropdown2:hover
{
	background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/menuitem_hover_background.png');

}
div.EktronPersonalizationWrapper ul.dropdown a
{
	text-decoration: none;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, Sans-Serif;
	display: block;
}

div.EktronPersonalizationWrapper ul.dropdown a.invalid
{
	text-decoration: none;
	font-size:12px;
	color:#87aecd;
	font-family:Arial, Helvetica, Sans-Serif;
}

div.EktronPersonalizationWrapper li.dropdown:hover a.invalid, div.EktronPersonalizationWrapper li.dropdown2:hover a.invalid
{
	color: #878787;
}

div.EktronPersonalizationWrapper ul.dropdown img
{
	border-width: 0px;
}

div.EktronPersonalizationWrapper table#PBPropsTable span.label
{
	margin-right: 2em;
}

div.EktronPersonalizationWrapper ul.ektronPersonalizationWidgetList
{
	padding:0px;
	list-style-type:none;	
	margin: 0px;
	height: 100px;
	position: relative;
}

div.EktronPersonalizationWrapper ul.ektronPersonalizationWidgetList li, .ektronPBWidgetTokenDrag
{
	float:left;
	background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/widget_background.png');
	cursor: move;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 5px;
	overflow: hidden;
	padding: 0;
	width: 80px;
	height: 80px;
	text-align: center;
}

div.EktronPersonalizationWrapper ul.ektronPersonalizationWidgetList li img, .ektronPBWidgetTokenDrag img
{
	height: 48px;
	margin: 5px auto;
	width: 48px;
}

div.EktronPersonalizationWrapper ul.ektronPersonalizationWidgetList li span, .ektronPBWidgetTokenDrag span
{
	color: #5c8eb3;
	display:block;
	font-size:0.7em;
	overflow:hidden;
	text-align:center;
	width:80px;
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing: 1px; 
}

div.EktronPersonalizationWrapper ul.ektronPersonalizationWidgetList li.hover span, .ektronPBWidgetTokenDrag span
{
	color: #ff7900;
}

/******************************** Drop Zone ************************************/

a.PBAddColumn
{
	display: inline-block; padding: .5em 1em .5em 2.25em; border: 1px solid silver; color: #8F8F8F; background-color: #eee; background-repeat: no-repeat; background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/add-column.png'); background-position: .5em .25em; font-size: 1em; margin: 0 0 .75em .75em;  line-height:100%; cursor: pointer; text-decoration: none;
}

a.PBAddColumn:hover {background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;}

body > div.setSize 
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px; 
	display: none;
	position: absolute;
	background-color: #fff;
	border: solid 1px #c9d3db;
	width: 24.5em; 
	padding: .2em .5em;
	z-index: 9999;
}

body > div.setSize a
{
	font-size: .9em;
}

body > div.setSize .newwidth
{
	width: 5em;
	margin-right: .25em
}

div.dropzone div.PBColumn ul.columnwidgetlist
{
	min-height: 200px;
	height: auto !important;
	height: 10px;
	
	text-align: right;
	
	min-width: 50px;
	width: auto !important;
	width: 50px;
	
	border-left:1px solid #c9d3db; 
	border-right:1px solid #c9d3db; 
	border-bottom:1px solid #c9d3db; 
	margin:0;
	padding:0;
	list-style-type: none;
	
	background-position:top;
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/header-background.png');
	background-repeat:repeat-x;
}

div.PBColumn
{
	float:left;
	margin: 0;
	margin-bottom:0.75em;
}

/* For IE6's broken box model and 3px float problem */
div.PBColumn
{
	*margin-right: -3px;
}
/* For IE7's percent width rounding problems */
html>body div.PBColumn
{
	*margin-right: -1px;
}

div.dropzone ul.columnwidgetlist div.widget
{

      *width: 99%;
}

div.dropzone div.PBColumn ul.highlight
{
	border: dashed 3px orange;
}

div.PBColumn ul.columnwidgetlist li.header
{
	margin: 0;
	padding: 0;
	height: 19px;
	overflow:hidden;
	text-align:right;
}

div.PBColumn ul.columnwidgetlist li.header a
{
	text-decoration: none;
}

/*
div.PBColumn ul.columnwidgetlist li.header > span
{
	text-align:right;
	display:block;
	height: 19px;
	background: #5c8eb3;
}
*/

div.PBColumn li.header img
{
	border-width:0;
}

div.PBColumn ul.columnwidgetlist > li
{
	margin: 0 0.75em 0.75em 0.75em;
	padding-top: 0.75em;
	text-align: left;
}

div.PBUnsizable ul.columnwidgetlist > li
{
	margin: 0;
	padding-top: 0.75em;
}

div.PBColumn ul.columnwidgetlist > li.DropArea
{
	background-image:url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/dropzonepattern.png');
	border:2px solid #f7a11a;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px;
}

div.PBColumn ul.columnwidgetlist > li.DropArea > span
{
	display: block;
	margin:5px auto;
	padding: 0 1em;
	color: #ff7900;
}

div.PBColumn div.widget > div
{
	border-left: solid 3px #6f6f6f; 
	border-right: solid 3px #6f6f6f; 
	border-bottom: solid 3px #6f6f6f; 
	background-color: White;
	overflow: hidden;
}

div.PBColumn div.widget div.header
{
	background-color:#6f6f6f;
	text-align:right;
	cursor:move;
	height:20px;
}

div.PBColumn div.widget div.header span
{
	float:left;
	color: #CCC;
	font-family:Arial,Helvetica,sans-serif;
	margin-top: .25em;
	position:absolute;
	right:60px;
	left:0px;
	overflow:hidden;
	text-align:left;
	line-height:20px;
	font-size: 12px;
}

div.PBColumn div.widget div.header img
{
	border-width:0px;
	cursor:default;
}

div.PBColumn div.widget div.content
{
	margin:10px;
}

div.PBUnsizable div.widget div.content
{
	margin: 5px 0px 3px 0px;
}

div.PBColumn div.widget div.header div.buttons
{
	overflow:hidden;
	position:relative;
}

div.PBColumn div.widget div.header div.buttons a
{
	line-height:20px;
	padding-top: .25em;
	text-decoration: none;
}

li.ui-sortable-helper
{
	list-style-type:none;
}

div.ui-resizable{
	position: relative;
}
div.PBColumn div.ui-resizable-handle
{
	position: absolute;
	font-size: 0.1px;
	z-index: 99999; 
	display: block;
	cursor: e-resize;
	right:0px;
	top:19px;
	height:auto;
	width:4px;
	bottom:0px;
	background-color:#ccc;
}
div.PBColumn .ui-resizable-disabled .ui-resizable-handle, div.PBColumn .ui-resizable-autohide .ui-resizable-handle { display: none; }

div.PBColumn img.PB-UI-icon
{
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

/********************************* Viewing Mode *******************************/


div.dropzone div.PBViewing ul.columnwidgetlist
{
	border: solid 0px;
	margin:0;
	padding:0;
	list-style-type: none;
}

div.PBViewing
{
	float:left;
	margin:0;
}
/* For IE6's broken box model and 3px float problem */
div.PBViewing
{
	*margin-right: -3px;
}
/* For IE7's percent width rounding problems */
html>body div.PBViewing
{
	*margin-right: -1px;
}

div.PBViewing ul.columnwidgetlist > li
{
	margin: 0;
	padding-top:0;
}

div.PBViewing div.widget div.header
{
	display:none;
}

div.PBViewing div.widget div.content
{
	margin:0;
}


/********************************* Error Mode *******************************/

div.PBDropzoneError
{
	width:100%;
	height:2em;
	line-height:2em;
	display:block;
	text-align:center;
	background-color:#EF8424;
	color:#fff;
	border: solid 1px #7C7C7C;
}

/********************************* BlockUI *********************************/

div.PBBlockUI
{
	width: 66px;
	height: 66px;
	background: transparent;
	margin: -33px 0 0 -33px;
	background-image: url('/WorkArea/PageBuilder/PageControls/Themes/TrueBlue/images/loading.gif');
	display: none;
}

/********************************* Clear Fix *******************************/

.PBClear:after 
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 50% 50% repeat-x; color: #363636; }

.widget100px
{
    height: 100px;
}

.widget50px
{
    height: 50px;
}