/* ############################################################# */
/* 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: _css_horizontal.css */
/* path: /css/horizontal.css
/* ############################################################# */


/*original*/
/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single FlexMenu 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 FlexMenu        */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         */
/*    The server control will cast these filenames to lower before use!     */
/*                                                                          */
/*    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.     */
/*                                                                          */

.horizontal .ekflexmenu 
{
	/*padding: 10px 10px 10px 10px;*/
	padding: 0;
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
	position: relative;
	float: right;
	text-transform: uppercase;
    color: rgb(255, 255, 255);
    width: 640px;
    font-size: 10px;
    font-family: Sans-Serif;
    white-space: nowrap;
	background: #fff url('/images/nav_bg.jpg') repeat-x top left;
	background:tranparent;
}

.horizontal A
{
	text-decoration: none;
}

.horizontal .ekflexmenu_submenu,
.horizontal .ekflexmenu_submenu_hover,
.horizontal .ekflexmenu_submenu_parent,
.horizontal .ekflexmenu_submenu_parent_hover
{
	top: 0px;
	right: 0px;
	height: auto;
}

.horizontal ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.horizontal li
{
	float: left;
	display: inline;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: auto;
}

.horizontal .ekflexmenu_submenu_items 
{
	margin-left: 0px;
    	height:auto;
	float:right;
}

.horizontal .ekflexmenu_submenu_items ul
{
	margin-left: 4px;
    height:auto;
    width:120px;

	
}

.horizontal .ekflexmenu_menu_level_1{

	float:left;
	right:0;
	margin:0;
	color:#fff;
}


.ekflexmenu_menu_level_1 ekflexmenu_startlevel .ekflexmenu_submenu
{color:blue;}

.horizontal .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
	position: relative;
	float: right;
	width:600px;
background: #fff url('/images/nav_bg.jpg') repeat-x top left;

}
.horizontal .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 0px;
	top: 100%;
	float: none;
	width: 150px;
}

.horizontal .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 100%;
	top: 0px;
}

.horizontal .ekflexmenu .ekflexmenu_submenu_items_hidden 
{
	display:none;

}

.horizontal .ekflexmenu_button
{
    float:left;
	padding: 5px 15px 7px 15px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
background: #fff url('/images/nav_bg.jpg') repeat-x top left;
	width:auto;
}

.horizontal .ekflexmenu_button_hover
{
    float:left;
	padding: 5px 15px 7px 15px;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
background: #fff url('/images/nav_bg_over.jpg') repeat-x top left;
	width:auto;
}

.horizontal .ekflexmenu_button_selected, .higlight
{
    float:left;
		padding: 5px 15px 7px 15px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
background: #fff url('/images/nav_bg_over.jpg') repeat-x top left;
	width:auto;

}

.horizontal .ekflexmenu_button_selected_hover
{
    float:left;
	padding: 5px 15px 7px 15px;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
background: #fff url('/images/nav_bg_over.jpg') repeat-x top left;
	width:auto;
}

.horizontal a.ekflexmenu_link, 
.horizontal a.ekflexmenu_link:link, 
.horizontal a.ekflexmenu_link:visited {
    padding: 2px 0px 2px 10px;
    color:#fff;
    background :#998675;
    text-decoration: none;
	display: block; 
	width: 150px;
    white-space: normal;
    border-bottom:1px solid black;

}

.horizontal a.ekflexmenu_link:hover, 
.horizontal a.ekflexmenu_link:active, 
.horizontal a.ekflexmenu_link:focus  {
    padding: 2px 0px 2px 10px;
    color:#253b5a;
    background : #fff;
	display: block; 
	width: 150px;
    white-space: normal;
}

.horizontal a.ekflexmenu_link_selected {
    padding: 2px 0px 2px 10px;
background: #fff;
	color:#000;
	display: block; 
	width: 150px;
    white-space: normal;
border-bottom: #000 1px solid;
}
.horizontal a.ekflexmenu_link_selected:hover {
padding: 2px 0px 2px 10px;
	display: block; 
	width: 150px;
    white-space: normal;
overflow-x: hidden;
color: #ccc;
border-bottom: #000 1px solid;
}
/*Hover and focus main navigation menu controls*/
/*See topmenu.xsl and bottom of tabs.js for function*/

#slick, .slick
{
	background:  url('/images/hover_right_tab.png') no-repeat right top;
	overflow: hidden;
	padding: 0 8px 0 0;
	_width: auto;
	_float: left;
}
#nav_list #slick a, #nav_list .slick a
{
	background:  url('/images/hover_left_02.png') no-repeat left top;
	padding-bottom: 3px;
	color: #000;
}
.linkcontainer
{
	border-bottom: 1px solid green;
}
.slick_button
{
	background:  url('/images/right_tab.png') no-repeat right top;
	overflow: hidden;
	padding: 0 8px 0 0;	
	width: auto;
	_float: left;
}
body .slick_button a
{
	background:  url('/images/left_02.png') no-repeat left top;
	color: #fff;
	padding-bottom: 3px;
	
}
body .slick_button a:hover, body .slick_button a:focus, .horizontal a:hover, .horizontal a:focus
{
color: #fff;
}
body #nav_list
{
	position: absolute;
	bottom: -1px;
	_bottom: 16px;
}
#nav_list a
{
	color: #fff;
}
#nav_list .horizontal a.ekflexmenu_link:hover, 
#nav_list .horizontal a.ekflexmenu_link:active, 
#nav_list .horizontal a.ekflexmenu_link:focus { 
color: #000;
}
#nav_listnew  .ekflexmenu_submenu_items .ekflexmenu_submenu_items .ekflexmenu_submenu_items{
display: none;
}
#container #nav_listnew .ekflexmenu_submenu_items .ekflexmenu_submenu_items .ekflexmenu_button{
  float:left;
	padding: 5px 5px 7px 5px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:center;
background: #fff url('/images/nav_bg.jpg') repeat-x top left;
	width:150px;
}

/* ############################################################# */
/* ektron registered stylesheet */
/* id: _css_expand1.css */
/* path: /css/expand1.css
/* ############################################################# */

/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single FlexMenu 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 FlexMenu        */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         */
/*    The server control will cast these filenames to lower before use!     */
/*                                                                          */
/*    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.     */
/*                                                                          */


.expand1 .ekflexmenu 
{
	/* DIV; wraps the entire menu */
	/* (the outer-most non-user container element) */
    color: rgb(255, 255, 255);
    width: 100%; /* can be overridden in the primary div-containers (whose class = ekflexmenu) style */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
   /* background: rgb(100,100,150); /* 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);*/
}

.expand1 .ekflexmenu_submenu,
.expand1 .ekflexmenu_submenu_hover,
.expand1 .ekflexmenu_submenu_parent,
.expand1 .ekflexmenu_submenu_parent_hover
{
	/* DIV; holds submenu items, such as a submenu title and links. */
	position: relative;
	top: 0px;
	left: 0px;
}

.expand1 UL 
{
	/* UL; a container for menu list items (useful for non-graphical browsers). */
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.expand1 LI
{
	/* LI; container for menu items (typically either links or sub-menus). */
	display:inline;
	margin: 0px;
	padding: 0px;
}

.expand1 .ekflexmenu_submenu_items {
	/* DIV; container for menu lists. */
    overflow: hidden; /* truncate what cannot fit */
    /*border-bottom: solid 2px rgb(71, 71, 71);*/
}

.expand1 .ekflexmenu_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). */
	display: none;
}

/* Nested menu items */
.expand1 .ekflexmenu_submenu_items .ekflexmenu_submenu_items, 
.expand1 .ekflexmenu_submenu_items .ekflexmenu_submenu_items_hidden, 
.expand1 .ekflexmenu_submenu_items_hidden .ekflexmenu_submenu_items_hidden
{
	/* Rule is applied to nested submenus. Hidden included in-case */
	/* Javascript is not supported and hidden submenus are made visible. */
	margin-left: 0px; /* 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 */
.expand1 .ekflexmenu_button
{
/*border: 1px solid red;
width: 80%;
margin: 0 0 0 15px;*/
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
    padding: 0px 10px 0px 20px;
    color: #7c0040;
    background: #fff;
    text-decoration: none;
    display: block; /* force one link per row */
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;
background: url('/images/boxes.gif') no-repeat top left #fff;
background-position: 3px 0px;
text-transform: uppercase;
}

.expand1 .ekflexmenu_button:focus,
.expand1 .ekflexmenu_button:hover,
.expand1 .ekflexmenu_button_hover
{
	/* A; hovered version of ekflexmenu_link, see above... */
	padding: 0px 10px 0px 20px;
    color: #000;
background: url('/images/boxes.gif') no-repeat top left #F0F3FA;
background-position: 3px 0px;
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;	
text-transform: uppercase;
}
.expand1 .ekflexmenu_button_selected
{
	/* A; hovered version of ekflexmenu_link, see above... */
	padding: 0px 10px 0px 20px;
    color: #000;
background: url('/images/boxes.gif') no-repeat top left #F0F3FA;
background-position: 3px 0px;
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;	
text-transform: uppercase;
}
.expand1 .ekflexmenu_button_selected_hover
{
	/* A; hovered version of ekflexmenu_link, see above... */
	padding: 0px 10px 0px 20px;
    color: #000;
background: url('/images/boxes.gif') no-repeat top left #F0F3FA;
background-position: 3px 0px;
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;	
text-transform: uppercase;
}

/* images */
.expand1 .ekflexmenu_submenu_items a img, 
.expand1 .ekflexmenu_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. */
	border-width: 0px;
}

/* Link menu items */
.expand1 a.ekflexmenu_link, 
.expand1 a.ekflexmenu_link:link, 
.expand1 a.ekflexmenu_link:visited {
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
    padding: 0px 10px 0px 20px;
    color: #7c0040;
    background: #fff;
    text-decoration: none;
    display: block; /* force one link per row */
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;
background: url('/images/boxes.gif') no-repeat top left #fff;
background-position: 3px 0px;
text-transform: uppercase;
}
/*.ekflexmenu_submenu_items a:hover */
.expand1 a.ekflexmenu_link:hover, 
.expand1 a.ekflexmenu_link:active, 
.expand1 a.ekflexmenu_link:focus  {
	/* A; hovered version of ekflexmenu_link, see above... */
	padding: 0px 10px 0px 20px;
    color: #000;
background: url('/images/boxes.gif') no-repeat top left #F0F3FA;
background-position: 3px 0px;
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;	
text-transform: uppercase;
}

.expand1 a.ekflexmenu_link_selected {
	/* A; hovered version of ekflexmenu_link, see above... */
	padding: 0px 10px 0px 20px;
    color: #000;
background: url('/images/boxes.gif') no-repeat top left #F0F3FA;
background-position: 3px 0px;
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;
text-transform: uppercase;
}
.expand1 a.ekflexmenu_link_selected:hover {
	/* A; hovered version of ekflexmenu_link, see above... */
	padding: 0px 10px 0px 20px;
    color: #000;
background: url('/images/boxes.gif') no-repeat top left #F0F3FA;
background-position: 3px 0px;
    text-decoration: none;
    border-color: rgb(181, 166, 132);
	display: block; 
    width: 193px; /* fill entire row with link */
    border: 1px solid #ccc;
    text-decoration: none;
	margin: 4px auto;
text-transform: uppercase;
}