/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronThickBoxCss */
/* path: /WorkArea/csslib/box.css
/* ############################################################# */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#Ekt_AjaxContent{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#EkTB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#EkTB_window a:link {color: #666666;}
#EkTB_window a:visited {color: #666666;}
#EkTB_window a:hover {color: #000;}
#EkTB_window a:active {color: #666666;}
#EkTB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#EkTB_overlay {
	position: fixed;
	z-index:100000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.EkTB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #EkTB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#EkTB_window {
	position: fixed;
	background: #ffffff;
	z-index: 100002;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #EkTB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#EkTB_window img#EkTB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#EkTB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#EkTB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}


#EkTB_closeAjaxWindow a 
{
	width: 16px;
	height: 16px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 1px 0;
	text-align:right;
	float:right;
	position:absolute;
	right:0.25em;
	top:0.25em;
	background-image:url('/WorkArea/images/ui/icons/cancel.png');
	display:block;
	background-repeat:no-repeat;
	
}

#EkTB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#EkTB_title{
	background-color:#e8e8e8;
	height:27px;
}

#EkTB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#EkTB_ajaxContent.EkTB_modal{
	padding:0px;
}

#EkTB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#EkTB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:100003;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #EkTB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#EkTB_HideSelect{
	z-index:99000;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #EkTB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#EkTB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.EkTB_dialog_header
{	
	background-color:#6699CC;
	font-family:Verdana;
	font-weight:bold;
	font-variant:small-caps;
	padding:3px;
	border-bottom:solid 1px black;	
	text-align: right;
	margin-bottom:5px;
}
.EkTB_dialog_header span
{	
	float: left;
	text-align: left;
	display: block;
}

.EkTB_dialog
{

}
.EkTB_dialog th
{	
	padding-right: 10px !important;
}

.EkWksChoice
{
	text-align:center;
}
.EkWksName
{
	
}
.EkWksShareFolders th
{
	padding-left: 5px !important;
}

.EkTB_Button
{	
	border: solid 1px black !important;
}

.EkTB_Button:hover {
    border: 1px solid #f00 !important;
    background: #6699CC !important;
}

.EkTB_dialog label {
    /*display: block !important;*/
    /*float: left !important;*/
    margin: 2px 4px 2px 4px !important;
}

div.Ekt_AccordianMain { width: auto; }
div.Ekt_AccordianMain,div.Ekt_AccordianItem { margin: 0; }
div.Ekt_Accordian { background: #6699CC; font-size: 18px; padding: 5px; margin: 2px; }
div.Ekt_Accordian a { color: #FFF; }
div.Ekt_AccordianItem a { color: #000; }
div.Ekt_AccordianItem { border:solid 1px black; margin:2px;}
div.Ekt_AccordianItem ul { list-style: none; padding: 5px; }

#EkTB_container-image {padding:0;margin:12px;border:1px solid silver;position: relative;} 

#EkTB_container-image div.ekt_captionWrapper 
{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
}

#EkTB_container-image div.ekt_captionWrapper div.ekt_captionInnerWrapper {
	padding: .25em;
	margin: .25em;
}

#EkTB_container-image div.ekt_caption {
	background-color: #fff;
	border: 1px solid #999;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 100%;
	margin: 0em;
	padding: 0em;
}

#EkTB_container-image div.ekt_caption div.ekt_caption_text {
	padding: .5em;
	color: #333;
}

#EkTB_container-image a {
	display: block;
	float: right;
	padding: .4em .5em;
	margin: .35em;
	color: #fff;
	background-color: #333;
	font-size: .87em;
	text-decoration: none;
	line-height: 1em;
}

#EkTB_container-image a:hover {color: #fff; background-color: #666;}

#EkTB_container-foot {padding:0;margin:0;}

.EkTB_overlayMacFFBGHack {background: url('/WorkArea/images/application/macFFBgHack.gif') repeat;}

/* ############################################################# */
/* ektron registered stylesheet */
/* id: EktronBubbleCss */
/* path: /WorkArea/csslib/bubble/bubble.css
/* ############################################################# */

#FloatBubble{display: none;position: absolute;z-index: 3200;}
#EkBubbleTable{width:400px;border:0px;text-align:left;}
#EkBubbleData{width: 360px; overflow: auto;background-color:#ffffff;}
#EkCloseBubbleIcon{text-align: right;background-color:#ffffff;}
#EkClose{height:11px;width:11px;}
#EkTop{height:52px;width:247px;background-image:url('/WorkArea/images/application/bubble/top.gif');}
#EkTopR{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topr.gif');}
#EkTopL{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topl.gif');}
#EkBotR{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botr.gif');}
#EkBotL{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botl.gif');}
#EkTopTile{background-image:url('/WorkArea/images/application/bubble/toptile.gif');}
#EkCenL{background-image:url('/WorkArea/images/application/bubble/cenl.gif');}
#EkCenR{background-image:url('/WorkArea/images/application/bubble/cenr.gif');}
#EkBot{background-image:url('/WorkArea/images/application/bubble/bot.gif');}
#FloatBubbleT{display: none;position: absolute;z-index: 3200;}
#EkBubbleTableT{width:400px;border:0px;TEXT-ALIGN:left;}
#EkBubbleDataT{width: 360px; overflow: auto;background-color:#ffffff;}
#EkCloseBubbleIconT{TEXT-ALIGN: right;background-color:#ffffff;}
#EkCloseT{height:11px;width:11px;}
#EkTopT{background-image:url('/WorkArea/images/application/bubble/topt.gif');}
#EkTopRT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topr.gif');}
#EkTopLT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/topl.gif');}
#EkBotRT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botr.gif');}
#EkBotLT{height:52px;width:21px;background-image:url('/WorkArea/images/application/bubble/botl.gif');}
#EkBotTile{background-image:url('/WorkArea/images/application/bubble/bottile.gif');}
#EkCenLT{background-image:url('/WorkArea/images/application/bubble/cenl.gif');}
#EkCenRT{background-image:url('/WorkArea/images/application/bubble/cenr.gif');}
#EkBotT{height:52px;width:247px;background-image:url('/WorkArea/images/application/bubble/bott.gif');}

/* ############################################################# */
/* 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: EktronPopStyleCss */
/* path: /WorkArea/csslib/pop_style.css
/* ############################################################# */

/*

 Some styles used by the "Cascading Popup Menus" script.
 Consult a CSS reference (a good clear one is at www.ncdesign.org) for syntax and tweaking ideas.
 You can delete the ones you're not using in your ItemStyles, or add more if you want.

*/


/*
 Font settings -- change your font, colour, alignment etc.
 Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.
 Note that items contain <A HREF> tags, so if your other stylesheets style anchor tags,
 these may inherit the rules. I've styled all the variations of links here as one.
*/

.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
 color: #000000;
 font: 12px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
}

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
 color: #000000;
 font: 12px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
}

.roothighText, a.roothighText:link, a.roothighText:visited, a.roothighText:active, a.roothighText:focus {
 color: #000000;
 font: 16px Arial, sans-serif;
 text-align: center;
 text-decoration: none;
}
/* Borders used by some items */

.itemBorder {
 border: 1px solid #666666;
}
.itemBorderBlank {
 border: 1px solid #CCCCDD;
}

/* The "button" demo menu styles, as used by the "File-Reopen" menu. Delete if not using */

.buttonText, a.buttonText:link, a.buttonText:visited, a.buttonText:active, a.buttonText:focus {
 text-decoration: none;
 color: #FFCC99;
 font: Bold 12px Arial, Helvetica;
}
.buttonHover, a.buttonHover:link, a.buttonHover:visited, a.buttonHover:active, a.buttonHover:focus {
 text-decoration: none;
 color: #99CCFF;
 font: Bold 12px Arial, Helvetica;
 padding: 1px;
}
.buttonBorder {
 border: 1px outset #339966;
}
.buttonBorderOver {
 border: 1px inset #CC9966;
}

span.design_selectwrapper {
      border:inset 2px;
      display:none;
}

span.design_selectwrapper select {
      margin:-2px;
      visibility:hidden;
      display: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;
	text-align: left;
	/*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.5em 0.5em 0.5em;
	padding-top: 0.5em;
	text-align: left;
}

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

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:5px;
}

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

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