/* ############################################################# */
/* 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: EktronCss_shuttermenucss */
/* path: /shuttermenu.css
/* ############################################################# */

/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single SmartMenu server control per page     */
/*    the CSS files' name is used as a class and is prefixed to all of      */
/*    the selectors (without the path or extension).                        */
/*                                                                          */
/*    The server control will automatically wrap the entire SmartMenu       */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    Only the base ASCII character set is supported.                       */
/*                                                                          */
/*    Also, spaces and periods before the extension will be converted       */
/*    into underscores, as these are not permitted within the selector.     */
/*                                                                          */

.shuttermenu .ekmenu 
{
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
    color: rgb(255, 255, 255); /* default text color */
    font-size: 12px;
    font-family: Sans-Serif;
    background: rgb(76, 76, 76); /* shows up on left side, widens with nesting level */
    border-right: solid 1px rgb(71, 71, 71);
    border-bottom: solid 1px rgb(71, 71, 71);
	width: 168px;
	float: left;
	margin-bottom: 10px;

}

.shuttermenu .ekmenu_start 
{
	/* DIV; wraps the menu-start link (normally hidden, but visible */
	/* to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: div.ekmenu */
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.shuttermenu .ekmenu_end
{
	/* DIV; wraps the menu-end page-anchor (normally hidden, but */
	/* visible to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: div.ekmenu */
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.shuttermenu .ekmenu_accessible_menu_startheading
{
	/* H2; wraps the skip-menu with a navigation-heading (normally hidden, */
	/* but available to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: div.ekmenu_start */
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.shuttermenu .ekmenu_accessible_menu_startlink 
{
	/* A; wraps the skip-menu text with a navigation-link (normally hidden, */
	/* but available to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: h2.ekmenu_accessible_menu_startheading */
}

.shuttermenu .ekmenu_accessible_menu_endlink
{
	/* A; acts as a destination page anchor for the skip-menu */
	/* text with a navigation-link (normally hidden, but available */
	/* to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: h2.ekmenu_accessible_menu_startheading */
}

.shuttermenu .ekmenu_submenu,
.shuttermenu .ekmenu_submenu_hover,
.shuttermenu .ekmenu_submenu_parent,
.shuttermenu .ekmenu_submenu_parent_hover
{
	/* DIV; holds submenu items, such as a submenu title and links. */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
	position: relative;
	top: 0px;
	left: 0px;
}

.shuttermenu .ekmenu_accessible_submenu_navheading
{
	/* H3; wraps each menu button title with a navigation-heading (normally hidden, */
	/* but available to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: div.ekmenu_submenu */
	font-weight: normal;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.shuttermenu .ekmenu_accessible_submenu_btnlink
{
	/* A; wraps each menu button title with a navigation-anchor */
	/* (useful to page readers and text-browsers for accessibility). */
	/* Only added if 508-Compliance is enabled. */
	/* Typical parent element: span.ekmenu_button */
    color: rgb(255, 255, 255); /* default text color */
	font-size: 1em;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:100%;
}

.shuttermenu .ekmenu_button_selected .ekmenu_accessible_submenu_btnlink, 
.shuttermenu .ekmenu_button_selected_hover .ekmenu_accessible_submenu_btnlink 
{
	/*  */
	/* Typical parent element: span.ekmenu_button */
    color: rgb(255, 255, 255); /* default text color */
	font-size: 1em;
    text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:100%;
}

.shuttermenu .ekmenu_accessibility_hidden_text{
	/* SPAN; wraps text that should normally be hidden, but made */
	/* visible to page readers and text-browsers for accessibility). */
	/* Typical parent element: a.ekmenu_link_selected, and others... */
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.shuttermenu .ekmenu_unorderedlist 
{
	/* UL; a container for menu list items (useful for non-graphical browsers). */
	/* Typical parent element: div.ekmenu_submenu_items */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.shuttermenu .ekmenu_unorderedlist_item 
{
	/* LI; container for menu items (typically either links or sub-menus). */
	/* Typical parent element: ul.ekmenu_unorderedlist */
	display:inline;
	margin: 0px;
	padding: 0px;
}

.shuttermenu .ekmenu_submenu_items {
	/* DIV; container for menu lists. */
	/* Typical parent element: div.ekmenu (root level), div.ekmenu_submenu */
    overflow: hidden; /* truncate what cannot fit */
    /*border-bottom: solid 2px rgb(71, 71, 71);*/
}

.shuttermenu .ekmenu_submenu_items_hidden 
{
	/* DIV; normally hidden container for menu lists (becomes visible if */
	/* user clicks on related submenu button, or if Javascript/CSS not supported). */
	/* Typical parent element: div.ekmenu (root level), div.ekmenu_submenu */
	display: none;
}

/* Nested menu items */
.shuttermenu .ekmenu_submenu_items .ekmenu_submenu_items, 
.shuttermenu .ekmenu_submenu_items .ekmenu_submenu_items_hidden, 
.shuttermenu .ekmenu_submenu_items_hidden .ekmenu_submenu_items_hidden
{
	/* Rule is applied to nested submenus. Hidden included in-case */
	/* Javascript is not supported and hidden submenus are made visible. */
	/* Typical parent element: (not applicable) */
	margin-left: 5px; /* indents menu items, accumulating with each nesting level */
    border-bottom-width: 0px; /* prevents bottom border from accumulating, with each level of nesting */
}

/* Button menu items, controls visibility of associated sub-menus */
.shuttermenu .ekmenu_button, 
.shuttermenu .ekmenu_button_hover
{
	/* SPAN; holds the title of the associated submenu, and typically acts as a */
	/* button (or folder) for the submenu. Can also hold images (background, etc). */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255); /* button-title text color */
    background: rgb(0, 111, 81); /* color specified in case image unavailable */
    text-indent: 10px;
    width: 100%; /* capture on-click for entire row that the button occupies */
	text-decoration: none; 
}
.shuttermenu .ekmenu_button_selected, 
.shuttermenu .ekmenu_button_selected_hover
{
	/* SPAN; hovered version of .ekmenu_button, see above... */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgb(255, 255, 255); /* button-title text color */
    background: rgb(76, 76, 76); /* color specified in case image unavailable */
    text-indent: 10px;
    width: 100%; /* capture on-click for entire row that the button occupies */
	text-decoration: none; 
}

/* images */
.shuttermenu .ekmenu_submenu_items a img, 
.shuttermenu .ekmenu_submenu_items_hidden a img {
	/* IMG; menu-item image, selected by CMS, can be used */
	/* with or in place of the textual title of the link. */
	/* Typical parent element: a.ekmenu_link */
	border-width: 0px;
}
.shuttermenu .ekmenu_linkimage, 
.shuttermenu .ekmenu_linkimage_selected
{
	/* SPAN; supports rollover-images, where a single image is scrolled */
	/* to show the desired effect for the given action-event. Separate the */
	/* .ekmenu_linkimage and .ekmenu_linkimage_selected classes for more images */
	/* Typical parent element: a.ekmenu_link */
    display: block;
	position: relative;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 30px;
	overflow: hidden;
}
.shuttermenu .ekmenu_linkimage_hover, 
.shuttermenu .ekmenu_linkimage_selected_hover
{
	/* SPAN; hovered version of ekmenu_linkimage. Supports rollover-images, */
	/* where a single image is scrolled to show the desired effect for the */
	/* given action-event. Separate the .ekmenu_linkimage_hover and */
	/* .ekmenu_linkimage_selected_hover classes to control more images */
	/* Typical parent element: a.ekmenu_link */
    display: block;
	position: relative;
	background-position: 0px -30px;
	background-repeat:no-repeat;
	height: 30px;
	overflow: hidden;
}

/* Link menu items */
.shuttermenu a.ekmenu_link, 
.shuttermenu a.ekmenu_link:link, 
.shuttermenu a.ekmenu_link:visited {
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
    color: rgb(255, 255, 255); /* link text color */
    background: rgb(76, 76, 76);
    text-decoration: none; /* remove underlines */
    display: block; /* force one link per row */
    width: 100%; /* fill entire row with link */
/*    border-bottom: 1px solid rgb(220, 220, 220); /* link row seperators */
}
/*.ekmenu_submenu_items a:hover */
.shuttermenu a.ekmenu_link:hover, 
.shuttermenu a.ekmenu_link:active, 
.shuttermenu a.ekmenu_link:focus  {
	/* A; hovered version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
    color: rgb(255, 255, 255);  /* hovered-link text color */
    background : rgb(76, 76, 76);
    text-decoration:underline; 
    border-color: rgb(0, 111, 81);
	display: block; 
	width: 100%;
    /*border-bottom: 1px solid rgb(220, 220, 220); /* link row seperators */
}

.shuttermenu a.ekmenu_link_selected {
	/* A; selected version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
	color: rgb(0, 89, 231);
    background: rgb(206, 190, 140);
    border-color : rgb(206, 190, 140);
	text-decoration: none; 
	display: block; 
	width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220); /* link row seperators */
}
.shuttermenu a.ekmenu_link_selected:hover {
	/* A; selected and hovered version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
	color: rgb(198, 211, 255);
    background: rgb(161, 141, 81);
    border-color : rgb(161, 141, 112);
	text-decoration: none; 
	display: block; 
	width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220); /* link row seperators */
}

/* ############################################################# */
/* 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: 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;
}
*/

.design_loading_indicator
{
	position: absolute; 
}
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;
}

