/* ############################################################# */
/* 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: 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');
}