/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2009.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on August 21 2009. (version: OneUI-2.0.1_20090821-0327)*/
/*****************************************************************************
core.css is created from the following files, which must be in the order specified:
base.css
component.css (some components are their own separate css file, imported into this file)
layout.css (this is the layout, with overrides to component styles based on where they sit on the page)

companion theme files are
baseTheme.css
componentTheme.css
layoutTheme.css
******************************************************************************/

/******************************/
/*** B A S E   S T Y L E S ****/
/******************************/

/*** R E S E T ***/
/*reset styles, to get rid of browser-specific styling of elements and to set our own defaults - to pick up these styles, put "lotusui" on a container - either the body tag or a div that contains content (you can have more than one lotusui container on a page).  Note, the font size will inherit the page font size.*/
.lotusui *{margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;}
.lotusui_ie6 .lotusImagesOff *{font-size:16px}/*fix for HUGE font sizes in IE6 high contrast mode*/
/*redefinitions*/
.lotusui :focus{outline:1px dotted;}
body.lotusui{margin:0;padding:0;font:normal .75em/1.5em Arial, Helvetica, sans-serif;background-position:top left;background-repeat:repeat-x;}
.lotusui_ie7 body.lotusui{position:relative}/*fix for IE7, to keep relatively positioned children looking okay.*/
body.lotusJapanese, .lotusui .lotusJapanese *{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif}
/*internal link (default link style)*/
.lotusui a, .lotusui a:visited{text-decoration:none;}/*takes care of normal and visited links*/
.lotusui a:hover, .lotusui a:focus, .lotusui a:active{text-decoration:underline;}
.lotusui blockquote{margin:5px 20px}
.lotusui blockquote:before, .lotusui blockquote:after, .lotusui q:before, .lotusui q:after{content:"";}
.lotusui blockquote, q{quotes:"" "";}
.lotusui caption, .lotusui th, .lotusui td{text-align:left;font-weight:normal;}
.lotusui dt{padding:3px 10px;margin:10px 0 0 0;font-size:1.1em}
.lotusui dd{padding:5px 10px}
.lotusui em, .lotusui i{font-style:italic}
/*the following headers are used to give heirarchy to the page*/
/*the sizes of the headers are set to support our visual styles*/
/*some header styles are also reset within certain components or sections of the page*/
.lotusui h1{font-size:1.7em;font-weight:normal;line-height:1.2em}/*page header*/
.lotusui h2{font-size:1.2em;font-weight:bold}/*section headers*/
.lotusui h3{font-size:1.1em;font-weight:bold}/*subsection headers*/
.lotusui h4{font-size:1.2em;font-weight:bold}/*entry titles*/	
.lotusui h5{font-size:1.1em;font-weight:bold}/*entry details sections*/
.lotusui h6{font-size:1em}
.lotusui_ie6 .lotusImagesOff h2 *, .lotusui_ie6 .lotusImagesOff h4 *{font-size:24px}
.lotusui_ie6 .lotusImagesOff h3 *, .lotusui_ie6 .lotusImagesOff h5 *{font-size:20px}
.lotusui img{border:0;vertical-align:middle}
.lotusui fieldset, .lotusui th, .lotusui td{border:0}
.lotusui input, .lotusui select{padding:1px 0;} 
.lotusui input.lotusCheckbox{margin-right:3px}/*for checkboxes and radio buttons*/
.lotusui button, .lotusui input, .lotusui select{font-family:Arial, Helvetica, sans-serif}
.lotusui textarea {font:normal 1em/1.2em Arial, Helvetica, sans-serif;}
.lotusJapanese button, .lotusJapanese input, .lotusJapanese select{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif}
.lotusui textarea{padding:1px 0;margin:1px 0}
.lotusui select > option {-moz-padding-start:3px;-moz-padding-end:5px;}/*styles pulled from FF's forms.css*/
.lotusui p{margin:5px 0 0 0}
.lotusui pre{font-family:"Courier New", Courier, monospace;} /*this helps eliminate discrepencies for how this displays cross-browser*/
.lotusui strong, .lotusui b{font-weight:bold}
.lotusui ul{list-style-type:disc;margin-left:20px;margin-top:5px;padding-left:0}
.lotusui ol{list-style-type:decimal;margin-left:20px;margin-top:5px;padding-left:.2em;/*padding keeps the numbers from being cut off*/}
.lotusui ul li, .lotusui ol li{overflow:visible}
.lotusui ul ul, .lotusui ol ul{list-style-type:circle;margin-top:0;margin-bottom:0;}
.lotusui ul ul ul, .lotusui ol ul ul, .lotusui ol ol ul{list-style-type:square;margin-top:0;margin-bottom:0;}
/***********************************************************/

/*** S P E C I A L   L I N K S ***/
/*tag*/
.lotusRelatedTags a{background-position:left center;background-repeat:no-repeat;padding-left:10px;display:inline-block;/*fix for IE*/border-width:1px;border-style:dotted/*to keep related tags from jumping on hover*/}
/*link hover and active styles*/
.lotusTags a:hover, .lotusTags a:focus, .lotusTags a:active, a.lotusTag:hover, a.lotusTag:focus, a.lotusTag:active, a.lotusPerson:hover, a.lotusPerson:focus, a.lotusPerson:active, a.lotusMyLink:hover, a.lotusMyLink:focus, a.lotusMyLink:active, .lotusMyLinks a:hover, .lotusMyLinks a:focus, .lotusMyLinks a:active{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted}
.lotusTagBin {margin-top:10px;}

/*single and group action links*/
/*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/
a.lotusAction, a.lotusAction:visited{text-decoration:underline !important;border-bottom:0 !important;font-size:.9em}
.lotusActions{font-size:.9em}/*used on an outer container containing multiple action links (and possibly plain text mixed in, like View: tags | list | all)*/
.lotusActions .lotusAction, .lotusui .lotusTiny a.lotusAction, .lotusui .lotusTiny .lotusAction, .lotusui .lotusAction .lotusTiny{font-size:1em}/*only want to reduce the size once*/
a.lotusAction:hover, a.lotusAction:focus, .lotusActions a:hover, .lotusActions a:focus, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus {text-decoration:underline !important;border-bottom:0 !important;}
/*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image.  The rest of the code is in this css declaration*/
.lotusActions a, .lotusActions a:visited{text-decoration:underline;border-bottom:0}
a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{padding-right:14px;background-position:right center ;background-repeat:no-repeat;}
.lotusIcon a{padding-left:18px;background-position:left center;background-repeat:no-repeat}
.lotusDelete{background-position:top left;background-repeat:no-repeat;} /*delete icon with rollover state*/
/*general class for 16 pixel icons created as background images, where a link surrounds blank.gif*/
/*NOTES: 
- the image tag of blank.gif contains alt text that will show when images are turned off.  It also needs to set the width and the height
- any hover text is put on the title text of the link
- an additional class is used to assign the icon image.  These are defined in baseTheme.css and are named to match the icon graphic name with a lotus prefix
in the future this can be modified to use an icon sprite graphic*/
.lotusIcon16{width:16px;height:16px:background-position:center center;background-repeat:no-repeat}
/***********************************************************/

/*** G E N E R A L   S T Y L E S ***/
.lotusui .lotusAccess{position:absolute;top:-3000px;width:500px;}
.lotusui .lotusAlignRight{text-align:right;}
.lotusui .lotusAlignLeft{text-align:left;}
.lotusui .lotusBig{font-size:1.1em}/*bumps up the font size*/
.lotusui .lotusBold{font-weight:bold}
.lotusui .lotusBorderTop{border-top-width:1px;border-top-style:solid}
.lotusui .lotusBorderBottom{border-bottom-width:1px;border-bottom-style:solid}
.lotusui .lotusCenter{text-align:center;}
.lotusui .lotusClear{clear:both}
.lotusui .lotusClearLeft{clear:left}
.lotusui .lotusClearRight{clear:right}
.lotusui .lotusDraggable{cursor:move}
.lotusui .lotusFixedTable{table-layout:fixed;}/* Fix for forms issues with typeahead. For IE6 and IE7 */
.lotusui .lotusHidden{display:none} /*hides from visual UI but not from screen readers*/
.lotusui .lotusHideOverflow{overflow:hidden}/*use in conjunction with a width on your element*/
.lotusui .lotusIndent10{padding-left:10px;}
.lotusui .lotusIndent15{padding-left:15px;}
.lotusui .lotusIndent20{padding-left:20px}
.lotusui .lotusIndent40{padding-left:40px;}
.lotusui .lotusIndent60{padding-left:60px;}
.lotusui .lotusItalic{font-style:italic}
.lotusui .lotusLeft{float:left;text-align:left;}
.lotusui .lotusLoading{background-repeat:no-repeat;width:16px;height:16px}/*loading animated gif*/
.lotusImagesOff .lotusLogo, .lotusImagesOff .lotusLoginLogo{width:auto !important;white-space:nowrap}
.lotusui .lotusLTR{direction:ltr}/*allows you to assign an element to always read LTR*/
.lotusui .lotusNowrap{white-space:nowrap}
.lotusui .lotusNudge{} /*use this general class name with specific qualifiers when you need to adjust the position of a specific item (see entry class in this stylesheet for an example)*/
.lotusui .lotusRight{float:right;text-align:right;}
.lotusui .lotusRTL{direction:rtl}/*allows you to assign an element to always read RTL*/
.lotusui .lotusTiny{font-size:.9em}

/*the next two lines are for providing alternate text for background images when images are turned off - requires javascript to test for this and assign the lotusImagesOff class to the html tag*/
.lotusui .lotusAltText{display:none}
.lotusImagesOff .lotusAltText{display:inline}
/***********************************************************/

/*** I N L I N E   L I S T S ***/ 
/*to make a list display horizontally*/
.lotusui .lotusInlinelist{margin:0;padding:0;list-style-type:none}
.lotusui .lotusInlinelist li{display:inline;margin:0;padding:0 7px;border-left-width:1px;border-left-style:solid;}
.lotusui .lotusInlinelist li.lotusFirst, .lotusui .lotusInlinelist li.lotusLast{padding-left:0;border-left-width:0;}
.lotusui .lotusNoDivider li{border-left-width:0}
/*the next two lines are needed to fix text zoom for inline lists in IE7 (also fixes RTL display issues)*/
.lotusui_ie7 .lotusInlinelist li{display:inline-block}
.lotusui_ie7 .lotusInlinelist li, .lotusui_ie6 .lotusInlinelist li{display:inline}
/***********************************************************/

/*** A R R O W S ***/
/*.lotusSprite{float:left;display:block;background-repeat:no-repeat;}*/
.lotusArrow{margin-right:2px;width:13px;height:18px;float:left;display:block;background-position:left top;background-repeat:no-repeat}
/*twisty arrow definitions are found in section and menu components*/
/*drop-down arrows (assign as an additional class along with lotusSprite and lotusArrow)*/
.lotusDropDownSprite, .lotusDropDownActionSprite{margin-right:0;padding:1px;width:5px;height:3px;display:-moz-inline-box;display:inline-block;float:none;text-decoration:none}
/*scroll arrows (assign as an additional class along with lotusSprite and lotusArrow)*/
.lotusScrollUp, .lotusScrollDown{float:none;line-height:1em;width:9px;height:5px;margin:0;text-decoration:none !important}



/****************************************/
/*** C O M P O N E N T   S T Y L E S ****/
/****************************************/


/*** A C T I O N   B A R ***/
/*this is the area above entry tables, containing action button, view controls, drop-down find-in-table, etc.*/
.lotusActionBar{margin-bottom:4px !important;/*this number works with the margin-top of the paging control to simulate 8px*/position:relative;float:left;width:100%;height:2.3em/*this height accommodates the searchTab, if it is the only element in the action bar*/}
.lotusActionBar2{margin-top:-25px;margin-bottom:4px !important;position:relative;float:left;width:100%;height:2.3em} /*use this in place of lotusActionBar when you want to compress the vertical space between the actionbar and the element(s) above it*/
/***********************************************************/


/*****************************/
/*** A C T I O N   M E N U ***/
/*****************************/
ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;top:-9999px;z-index:900px;border-width:1px;border-style:solid;background-position:top left;background-repeat:repeat-y}
.lotusui_ie6 .lotusActionMenu{width:15em}
.lotusActionMenu li{white-space:nowrap;zoom:1}
.lotusActionMenu li.lotusSelected a{background-position:4px center; background-repeat:no-repeat;}
.lotusActionMenu li.lotusMenuSeparator{border-top-width:1px;border-top-style:solid !important}
.lotusActionMenu a{padding:3px 40px 5px 25px;text-decoration:none;display:block;zoom:1}
.lotusActionMenu .lotusIcon a{padding-left:2px;}
.lotusActionMenu .lotusIcon img{width:16px;height:16px;margin-right:6px}
.lotusActionMenu a:visited, .lotusActionMenu a:hover, .lotusActionMenu a:focus, .lotusActionMenu a:active{text-decoration:none}
.lotusActionMenu.lotusPlain a{padding-left:10px}
.lotusImagesOff .lotusActionMenu li.lotusSelected a{padding-left:15px}
.lotusImagesOff .lotusActionMenu a:hover, .lotusImagesOff .lotusActionMenu a:focus{text-decoration:underline}
/***********************************************************/


/*** B R E A D C R U M B S ***/
/*these sit above the page header (lotusHeader)*/
/*use lotus divider for an image in between breadcrumbs that when clicked shows a drop-down menu, otherwise, just use > between breadcrumbs*/
.lotusBreadcrumbs{margin:0 0 5px 0}
.lotusBreadcrumbs .lotusDivider{padding:0 5px;background-position:left center;background-repeat:no-repeat;text-decoration:none}
.lotusBreadcrumbs .lotusDivider:hover, .lotusBreadcrumbs .lotusDivider:focus, .lotusBreadcrumbs .lotusDivider:active{text-decoration:none}
/***********************************************************/



/*** B U T T O N S ***/
/*common button styles*/
/*all buttons*/
.lotusButton, .lotusBtn, .lotusFormButton, .lotusBtnImg{border-width:1px;border-style:solid;text-align:center !important;}
.lotusButton a, .lotusBtn a, .lotusFormButton, input.lotusBtn, button.lotusBtn, .lotusBtnImg{background-position:left top;background-repeat:repeat-x;font-weight:bold;}
/*all buttons except lotusButton*/
.lotusBtn a, input.lotusBtn, button.lotusBtn, .lotusFormButton{font-size:.9em;line-height:1.7em;}
/*all buttons created using an input or button tag*/
input.lotusBtn, button.lotusBtn, input.lotusFormButton, button.lotusFormButton{padding:2px 7px 3px 7px;cursor:pointer}
.lotusui_ie button.lotusBtn, .lotusui_ie input.lotusBtn, .lotusui_ie .lotusFormButton{padding:0 1px 1px 1px}
/*all buttons created from a link*/
.lotusButton a, .lotusBtn a{border-width:0 1px 1px 1px;border-style:solid;display:block;text-decoration:none;}
.lotusButton a:hover, .lotusButton a:focus, .lotusButton a:active, span.lotusBtn a:hover, span.lotusBtn a:focus, span.lotusBtn a:active{text-decoration:none;}/*gets rid of underline on button hover*/
/*image buttons - an imput type=image wrapped with a span or an img wrapped with a link*/
.lotusBtnImg{display:-moz-inline-box;display:inline-block;padding:0;vertical-align:middle;line-height:1em}/*default padding, which makes a 16 pixel icon if the image uses the default image size*/
.lotusBtnImg img, .lotusBtnImg input{margin:0;padding:0;width:16px;height:16px;background-position:left top;background-repeat:no-repeat;}/*default margin, padding and size*/
.lotusImagesOff .lotusBtnImg img, .lotusImagesOff .lotusBtnImg input{display:none}
/*specific button styles*/
/*button in left column, set width*/
.lotusButton{margin-bottom:10px;width:174px;}
.lotusButton a{padding:7px 0;font-size:1.3em;}
/*default buttons*/
/*put the lotusBtn class on either a span around a link or on an input button*/
span.lotusBtn{margin-right:5px;;display:-moz-inline-box/*for FF2*/;display:inline-block;}
span.lotusBtn a{padding:1px 10px 1px 10px;white-space:nowrap;}
input.lotusBtn, button.lotusBtn{margin-right:3px;}
.lotusui_ie6 span.lotusBtn img{margin: .6em 0 .6em 0} /*need this for button with drop-down arrow to look okay in IE6*/
/*form buttons*/
input.lotusFormButton, button.lotusFormButton{margin-right:15px;}
.lotusDashboardSearch input.lotusFormButton {margin-top:20px;}
/*disabled buttons*/
.lotusBtnDisabled, .lotusBtnDisabled a{cursor:default}
/*miscellaneous*/
.lotusBtnContainer{margin-bottom:0;padding-bottom:0;white-space:nowrap;}/*put this around a bunch of "link" buttons*/
.lotusBtnDivider{border-bottom-width:1px;border-bottom-style:solid;padding-bottom:5px}/*add this as an additional class when you need a bottom divider for the buttons*/
/*generic/common buttons*/
/*put the style on the wrapper a or span along with the lotusBtnImg class*/
.lotusAdd{font-size:1.5em;}
/***********************************************************/


/*** C A P T I O N ***/
/*provides a gray background for a caption above another component*/
.lotusCaption{margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;border-width:1px;border-style:solid}
.lotusCaption .lotusMeta{font-size:.9em}
/***********************************************************/



/*** C O M M E N T ***/
.lotusPost{padding:7px 7px 7px 0;overflow:hidden;zoom:1}
.lotusPost .lotusMeta{margin-bottom:-5px;margin-right:15px;font-size:0.9em;}
.lotusPostContent{padding:0 0 7px 0;min-height:26px;position:relative;overflow:hidden;zoom:1;}
.lotusPostAuthorInfo{display:block;float:left;font-size:0.9em;position:relative;width:50px;}/*the background styles are to allow a comment point on variants of the base comment, but the default comment type has no point*/
.lotusPostAuthorInfo .lotusPostAvatar{background-position:right 10px;background-repeat:no-repeat;}
.lotusPost .lotusPostAuthorInfo .lotusMeta{margin:0;font-size:1em}
.lotusui_ie6 .lotusPostContent{left:-3px}/*to counteract the IE6 3px margin bug*/
.lotusPostName{padding-top:5px;font-weight:bold;line-height:1.1em;}
.lotusPostAvatar{padding-top:5px}
.lotusPost .lotusDelete{display:block;position:absolute;top:7px;right:15px}
.lotusAddComment{padding:4px;zoom:1;margin-bottom:10px;margin-right:4px;}
.lotusAddComment a.lotusCommentInput{padding:2px 2px 10px 4px;border-width:1px;border-style:solid;display:block;}
.lotusui .lotusAddComment a.lotusCommentInput:hover{border-bottom:1px solid !important;}
/*important is to keep this from clashing with lotusActions classes, if applied*/
/*update status "comment"*/
.lotusUpdateStatus{padding:3px 7px}
.lotusImagesOff .lotusUpdateStatus{border-width:1px;border-style:solid}
.lotusUpdateStatus .lotusPostDetails{margin:0 0 3px 10px;} 
.lotusUpdateStatus .lotusPostStatusControl{margin-left:10px;}
.lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput{padding:4px;display:block;} 
.lotusImagesOff .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput{border-width:1px;border-style:solid}
/*comment containers*/
ul.lotusCommentList{margin:0;padding:0;list-style-type:none}/*assigned to the ul tag containing a list of comments*/
ul.lotusCommentList li.lotusCommentItem{border-top-width:1px;border-top-style:solid}
ul.lotusCommentList li.lotusFirst{border-top-width:0}
.lotusCommentList li.lotusAddComment{margin:0;/*border-top-width:0;*/font-size:.9em;}
.lotusCommentList li.lotusAddComment a{padding-bottom:2px}
/*style adjustments for comments on the board/wall*/
.lotusBoard .lotusPost{border-top-width:1px;border-top-style:solid}
.lotusBoard .lotusPostContent{padding:0 15px 7px 0;}
.lotusBoard .lotusCommentList{margin:-6px 0 5px 0;padding:0;width:500px;}
.lotusBoard ul.lotusCommentList li.lotusCommentItem{margin:1px 7px 0 50px;border-top-width:0;}
.lotusBoard ul.lotusCommentList li.lotusFirst{background-position:15px 0;background-repeat:no-repeat;padding-top:10px;}
.lotusBoard .lotusCommentList .lotusPost{margin-bottom:1px;}
.lotusBoard .lotusCommentList .lotusPostAuthorInfo{padding-left:6px; padding-right:4px; width:45px; }
.lotusBoard .lotusPost .lotusPostAvatar{padding:2px 0 0 2px;}
.lotusBoard .lotusPost .lotusCommentList .lotusPostAvatar{padding:2px 6px 0 2px;}
.lotusBoard .lotusStatus .lotusDelete{top:0}
.lotusBoard .lotusCommentList .lotusDelete{top:0;right:10px}
.lotusBoard .lotusPost .lotusPerson { font-weight:bold; padding-right:2px; }
.lotusBoard .lotusCommentPaging { font-style:italic; }
.lotusBoard .lotusPostDetails { padding-top:2px; }

/*styles for comments in a discussion forum*/
.lotusForum .lotusPost{margin:7px 0;}
.lotusImagesOff .lotusForum .lotusPost{border-width:1px;border-style:solid}
.lotusForum .lotusPostAuthorInfo{width:100px;text-align:center}
.lotusForum .lotusPostAvatar{padding-top:0}
.lotusForum .lotusPostContent{padding:7px 15px;}
.lotusForum ul.lotusCommentList li.lotusCommentItem{border-width:0}
.lotusForum ul.lotusCommentList .lotusChild{margin-left:0;padding-left:20px;list-style-type:none;background-position:left top;background-repeat:no-repeat;}
.lotusForum .lotusPostDetails{padding:5px 0}
.lotusForum .lotusPostDetails blockquote{margin:4px 0;padding:4px 8px;width:75%;border-style:solid;border-width:1px 1px 1px 3px;}
/*simple comment bubble*/
.lotusCommentBubble{padding-top:10px;background-position:15px 0;background-repeat:no-repeat;zoom:1}
.lotusCommentBubbleBody{padding:5px 10px 5px 15px}
.lotusImagesOff .lotusCommentBubbleBody{border-width:1px;border-style:solid}
.lotusCommentBubble .lotusMeta{font-size:.9em}
/***********************************************************/



/*** D I A L O G ***/
/*this can be wrapped in a dojo dialog, if desired, which gives you the lightbox behavior for free, else, wrap it in a div assigned the class lotusDialogWrapper*/
.lotusDialogWrapper{position:absolute;left:0;top:-9999px;}
.lotusDialogBorder{border-width:4px;border-style:solid;min-width:400px;max-width:600px;}
.lotusui_ie6 .lotusDialogBorder{width:expression(this.offsetWidth > 600 ? "600px" : "auto" );}
.lotusDialog{opacity:1;height:auto;}
.lotusDialog h1{font-weight:bold;padding:12px 12px 12px 20px;border-bottom-width:1px;border-bottom-style:solid;background-position:left top;background-repeat:repeat-x;}
.lotusDialog h2{font-weight:bold;padding:12px 12px 12px 20px;margin:0 !important/*so it doesn't pick up the margins from lotusForm*/}
.lotusDialog h1 .lotusClose, .lotusDialog h2 .lotusClose{float:right;font-size:.7em}
.lotusImagesOff .lotusClose{font-size:1em}
.lotusDialog .lotusText{width:97%}
.lotusDialog .lotusDialogContent{padding:20px 12px 20px 20px;border-bottom-width:1px;border-bottom-style:solid;max-height:300px;overflow:auto;}
.lotusui_ie .lotusDialog .lotusDialogContent{position:relative}/*this is needed to make sure relatively positioned elements within a scrolled div scroll properly - otherwise they act like fixed-position elements*/
.lotusui_ie6 .lotusDialog .lotusDialogContent {height:expression(this.scrollHeight > 399 ? "400px" : "auto")}
.lotusDialog .lotusDialogFooter{padding:12px 12px 12px 20px;}
.lotusDialog td.lotusFormLabel{vertical-align:top;}
.lotusDialog ul li{margin-bottom:3px;list-style:none;}
.lotusui_ie .lotusDialogFooter .lotusAction{vertical-align:super}/*fixes alignment of cancel link*/

/*for lightbox*/
.lotusOverlay{display:none;position:absolute;top:0;left:0;width:100%;background-color:black;-moz-opacity:0.3;opacity:.30;filter: alpha(opacity=30);}
/***********************************************************/



/***************************************/
/*** D I S P L A Y   C O N T R O L S ***/
/***************************************/
.lotusViewControl{display:table;}
.lotusViewControl span{margin:5px 10px 0 0;float:left}/*styles for the text preceeding the control*/
.lotusViewControl div{padding:1px;border-width:1px;border-style:solid;display:table;background-position:left top;background-repeat:repeat-x;zoom:1}
.lotusImagesOff .lotusViewControl div{border-width:0}
.lotusViewControl td{vertical-align:middle;padding:0}
.lotusViewControl td div{display:-moz-inline-box;display:inline-block;overflow:hidden}
.lotusImagesOff .lotusViewControl td div{overflow:visible}
.lotusViewControl .lotusView{margin:0;padding:0;width:20px;height:20px;display:block;float:left;background-position:left top;background-repeat:no-repeat}
.lotusImagesOff .lotusViewControl .lotusView{width:auto;height:auto}
.lotusImagesOff .lotusViewControl .lotusView span{margin:0 5px}
.lotusImagesOff .lotusViewControl .lotusSelected:hover, .lotusImagesOff .lotusViewControl .lotusSelected:focus{cursor:default;text-decoration:none}
.lotusImagesOff .lotusViewControl .lotusSelected .lotusAltText{font-weight:bold;}
/***********************************************************/


/*** F E E D S **/
/*the feed links under the content*/
.lotusFeeds{margin:5px 10px;}
.lotusFeeds a.lotusFeed{padding-left:20px;margin-right:7px;background-position:left center;background-repeat:no-repeat;display:-moz-inline-box;display:inline-block;zoom:1;min-height:16px/*ff2 fix*/}
.lotusImagesOff .lotusFeeds a.lotusFeed{padding-left:0}
/***********************************************************/



/*** F O R M S ***/
/*these styles are for inline and popup forms*/
.lotusForm h2 {margin:25px 15px 15px 25px;font-size:1.3em;}
.lotusForm h2 .lotusMeta{font-size:.8em;font-weight:normal}
.lotusForm tr.lotusFormFieldRow td, .lotusForm td.lotusFormFieldRow{padding-bottom:10px}
.lotusTable .lotusForm td, .lotusFormTable td {border-width:0 !important;padding-right:3px;vertical-align:top}
.lotusForm td.lotusFormLabel {vertical-align:top;text-align:right;padding-right:10px;padding-top:1px}
.lotusui_ie .lotusForm td.lotusFormLabel{padding-top:2px}
.lotusForm td label{font-weight:bold;}
.lotusForm td.lotusNudge{width:22px}/*this goes on the first empty table cell if putting labels on top*/
.lotusForm label.lotusCheckbox{font-weight:normal}/*use for radio buttons, too*/
.lotusForm .lotusText {width:99%;}
.lotusForm textarea {margin-bottom:7px;}
.lotusFieldBorder{margin-bottom:7px;padding:4px}
.lotusFieldBorder .lotusText{margin:0;padding:2px;width:98.5%;}
.lotusFormErrorSummary div {margin:10px 15px 3px 25px;}
.lotusFormErrorSummary ul {margin:0 15px 10px 40px;list-style-type:disc;/*list-style-position:inside;*/}
.lotusFormError, .lotusFormRequired {font-weight:bold;}
td.lotusFormRequired {padding-bottom: 0 !important;}
.lotusFormTable {width:100%;}
.lotusFormSection {padding:5px 0 0 0;}
.lotusFormTable .lotusFormFooter{padding:10px 25px !important;}
/* form button element styles can be found in the button component */
.lotusui_ie .lotusFormFooter .lotusAction{vertical-align:super}/*fixes alignment of cancel link*/
/***********************************************************/




/*** G R I D ***/
/*for a group of same-sized elements with a div as the outer wrapper*/
/*for example, a group of people photos*/
.lotusGrid{zoom:1;margin:5px 10px 0 10px;overflow:hidden;zoom:1}
.lotusui_ie .lotusGrid{margin-bottom:5px;}
.lotusGrid div{margin:0 5px 5px 0;float:left}
/***********************************************************/



/*** H E A D E R ***/
/*found at the top of the page, center column*/
.lotusHeader{margin-bottom:5px;margin-top:-5px;overflow:hidden;position:relative;zoom:1}
div.lotusHeader{margin-bottom:15px}/*this is for a simple header, not in a table layout, to adjust the bottom margin*/
.lotusHeader img{margin-right:10px;}
.lotusHeader .lotusDetails img, .lotusHeader .lotusBtnContainer img{margin-right:0;} /*to set image behavior back to normal, details row*/
.lotusHeader .lotusDetails{margin-top:5px;position:relative;white-space:break-word;clear:both}
.lotusHeader .lotusBtnContainer{margin-top:10px;}
/*filters sit under the header and are interactive (you can remove them)*/
.lotusFilters{margin-top:5px;line-height:1.8em;font-size:.9em}
.lotusFilters .lotusAction{font-size:1em !important}/*reset action links, they are already .9em*/
.lotusFilters a.lotusFilter{padding:1px 3px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration:none}
.lotusFilters a.lotusFilter:hover, .lotusFilters a.lotusFilter:focus{text-decoration:none}
/*to keep them from getting too tall in IE6*/
.lotusui_ie6 .lotusFilters a{display:inline-block;}
.lotusui_ie6 .lotusFilters a.lotusFilter{padding:0 5px;line-height:1.6em}
.lotusFilters .lotusClose{padding:0 4px}
.lotusFilters .lotusDivider{padding:0 5px}
.lotusFilters .lotusIcon:hover, .lotusFilters .lotusIcon:focus{text-decoration:none}
/***********************************************************/



/*** I N F O   B O X ***/ 
/*this is used for help and tips*/
.lotusInfoBox, .portlet-msg{margin:15px 0 5px 0;padding:5px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;zoom:1}
.lotusInfoBox.lotusFirst{margin-top:0}/*this style definition (with no spaces) applies to any div with class="lotusInfoBox lotusFirst"*/
.lotusInfoBox h3, .portlet-msg h3{margin:5px 0 10px 0;padding:0 0 0 5px;overflow:hidden;zoom:1}
.lotusInfoBox h3 img, .portlet-msg h3 img{margin:3px 5px 0 0;border-width:1px;border-style:solid}
.lotusSection .lotusInfoBox h3 span.lotusLeft{width:auto}/*h3 tags in a section are set to 90% width - need to reset*/
.lotusInfoBox h4, .portlet-msg h4{margin:2px 5px;font-weight:bold}
.lotusInfoBox p, .portlet-msg p{margin:0;padding:5px;}
.lotusInfoBox ul, .portlet-msg ul{list-style-type:disc;margin-left:20px;margin-top:5px;padding-left:0}
.lotusInfoBox .lotusInlinelist, .portlet-msg .lotusInlinelist{padding-bottom:5px;padding-left:0;}
.lotusInfoBox .lotusInlinelist li, .portlet-msg .lotusInlinelist li{padding-bottom:5px;border-left-width:0;}
/*put lotusHelp as an additional style to lotusInfoBox for help popups*/
.lotusHelp{position:absolute;width:200px;left:0;top:-9999px;padding:4px;}
.lotusHelp .lotusInfoBox{margin:0;border-width:1px;border-style:solid;-moz-border-radius:0;-webkit-border-radius:0;background-position:left top;background-repeat:repeat-x;}
.lotusHelp h3{margin:4px 3px 0 0;float:left}
.lotusMedium{width:300px}/*you can put this as an additional class to set the width to 300 pixels*/
/***********************************************************/



/*** L E G A L   S T A T E M E N T ***/
/*IBM logo and legal statement*/
/*3 different versions - regular pages, login page, and about page*/
/*the new format uses a table.  The div styles are legacy styles*/
div.lotusLegal{margin:15px 25px 10px 25px;min-height:37px}
div.lotusLegal .lotusLicense{background-position:left center;background-repeat:no-repeat;margin-bottom:10px;min-height:37px}
div.lotusLegal, table.lotusLegal td{font-size:0.8em;line-height:1.2em}
div.lotusLegal p{margin:0;padding:0 0 0 110px;}
table.lotusLegal{margin:5px 25px 10px 25px;}
table.lotusLegal td{vertical-align:middle;padding:5px;}
.lotusLogin div.lotusLegal .lotusLicense{background-position:left top}
.lotusLogin .lotusLegal{margin-left:10px}
.lotusLogin table.lotusLegal, .lotusAbout table.lotusLegal{margin-top:15px}
.lotusui_ie6 div.lotusLegal .lotusLicense{height:50px;overflow:visible} /*this is the legacy way of doing the legal stuff, sans table.  Remove at some point*/
/***********************************************************/



/*** L I S T S ***/ 
/*use in conjuction with sections if you want a more complex list*/
ul.lotusList{clear:both;overflow:hidden;margin:0;padding:0;list-style-type:none}
ul.lotusList *{list-style-type:none} /*makes sure all nested lists don't have bullets, even though we don't typically nest these straight lists*/
ul.lotusList li {margin:1px 0;padding:3px 2px;clear:both;zoom:1}
ul.lotusEditable li{text-align:right;overflow:hidden} /*use this class in combination with list class - allows you to put a delete button on a list item*/
.lotusList a, ul.lotusList li.lotusSelected a{border-bottom-width:1px;border-bottom-style:dotted}/*to keep links for jumping on hover*/
ul.lotusList li.lotusSelected a{text-decoration:none;}
ul.lotusList img.lotusLeft{margin-right:3px}
ul.lotusList div p{margin-top:3px;margin-bottom:0}/*second line of data*/
.lotusImagesOff .lotusEditable .lotusDelete img{display:none}
/***********************************************************/



/*** M E N U ***/
/*this is the green menu found at the top of the left column*/
/*this menu is set up to allow for rounded corners in all browsers and is a set width*/
.lotusMenu, .portlet-menu{margin:0 0 15px 0;padding:5px 0;width:178px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px}
.lotusMenu .lotusInner, .portlet-menu .lotusInner{overflow:hidden}
.lotusMenu .lotusMenuSection{overflow:hidden;margin:0 0 3px 0;padding-bottom:5px;border-bottom-width:1px;border-bottom-style:solid;zoom:1}/*creates a section in the menu, with a divider at the bottom*/
.lotusMenu .lotusMenuSubsection{margin:10px 0 0 20px;}/*allows you to indent a section of the menu*/
.lotusMenu h2, .portlet-menu h2{margin:0 0 7px 10px;padding:0;font-size:1em}
.lotusMenu h3, .portlet-menu h3{margin:0 5px 0 5px;padding:2px 0 2px 10px;}/*not sure we are still using this*/
.lotusMenu .lotusMenuSubsection h3{margin-left:-15px}
.lotusMenu h3.selected, .portlet-menu h3.selected{border-width:1px;border-style:solid;}
.lotusMenu h3 a{margin-right:5px}
/*Use a ul element for menu items. Put an additional lotusIcons class on it if your menu items have icons*/
.lotusMenu ul, .portlet-menu ul{margin:0;padding:0;list-style-type:none;}
.lotusMenu li{zoom:1}/*sets hasLayout in IE*/
.lotusMenu li img, .portlet-menu .lotusMenu li img{margin:0 3px 0 0}
.lotusMenu li a, .lotusMenu li a:visited, .portlet-menu li a, .portlet-menu li a:visited{padding:5px 0 5px 10px;display:block;text-decoration:none;font-weight:normal;line-height:1.0em}
.lotusMenu ul.lotusIcons img{vertical-align:text-bottom}
.lotusMenu ul.lotusIcons a{padding:3px 0 3px 10px}
.lotusMenu li a:hover, .lotusMenu li a:focus, .portlet-menu li a:hover, .portlet-menu li a:focus{text-decoration:underline}
.lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited{margin:0 5px;padding-left:6px;border-width:1px;border-style:solid;text-decoration:none;cursor:default;font-weight:bold;}
.lotusMenu div.lotusChunk, .portlet-menu .lotusMenu div.lotusChunk {margin:5px 5px 0 0;}/*lotusChunk allows you to apply vertical spacing within sections - wrap a div with this class around "chunks" of data*/
.lotusTwistyOpenMenu, .lotusTwistyClosedMenu{width:11px;height:16px}
/***********************************************************/



/*** M E S S A G E S ***/
/*these are the yellow warning/error messages that show up at the top of the content area*/
.lotusMessage{padding:5px;margin-bottom:12px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;zoom:1}
.lotusMessage img {margin:2px 5px 0 0;float:left}
.lotusMessage span{display:block;margin-left:20px}
/***********************************************************/



/*** P A G I N G***/
/*these are the page bars at the top and bottom of a table/list of entries*/
.lotusPaging{margin-top:2px;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-size:.9em;}
.lotusPaging a, .lotusPaging a:visited{font-weight:bold !important;}
.lotusPaging input{width:20px;text-align:center;font:inherit;line-height:1em}
.lotusui_ie .lotusPaging input{line-height:1.4em}
.lotusPaging div, .lotusPaging .lotusInlinelist li.lotusFirst{padding-left:5px}
.lotusPaging .lotusInlinelist li{padding:0 6px;}
.lotusPaging .lotusInlinelist li.lotusLast{padding-left:0}
/***********************************************************/



/*** P A L E T T E ***/
/*this is the palette that opens under the place bar to allow users to customize the UI */
.lotusPalette{overflow:hidden;zoom:1;border-bottom-width:6px;border-bottom-style:solid}
.lotusPaletteHeader{padding:7px 10px 5px 20px;overflow:hidden;zoom:1;position:relative;line-height:1.9em;border-width:1px 0;border-style:solid}
.lotusPaletteHeader h2{float:left;}
.lotusPaletteHeader a{text-decoration:none}
.lotusPaletteHeader ul.lotusTabs{left:10px;width:75%}
.lotusPaletteHeader .lotusTabs li{border-width:0}
.lotusPaletteHeader .lotusTabs a, .lotusPaletteHeader .lotusTabs a:visited{margin:2px 0 8px 0;padding:3px 8px;}
.lotusPaletteHeader .lotusTabs li.lotusSelected a{font-weight:bold}
.lotusPaletteHeader .lotusTabs li a:hover, .lotusPaletteHeader .lotusTabs li a:focus{text-decoration:underline}
.lotusPaletteHeader .lotusTabs li.lotusSelected a:hover, .lotusPaletteHeader .lotusTabs li.lotusSelected a:focus{text-decoration:none}
.lotusPalette .lotusClose{margin-left:20px;padding:2px;float:right}/*there is also a lotusBtnImg class on this element*/
.lotusPaletteBody{margin-bottom:1px;border-width:2px 0;border-style:solid;overflow:hidden;zoom:1}
.lotusPaletteNav{width:200px;float:left;height:20.2em;padding:10px 15px 10px 0;background-position:right top;background-repeat:repeat-y;}
.lotusImagesOff .lotusPaletteNav{height:22em}/*to allow for expanded UI with image alt text*/
.lotusPalette .lotusChunk{margin:0 0 10px 10px;overflow:hidden}
.lotusPalette .lotusSearch input.lotusText{width:143px}
.lotusPaletteNav h3{margin-left:10px;margin-bottom:3px}
.lotusPaletteNav h3 .lotusBtnImg{vertical-align:bottom;padding:0 2px;}
.lotusPalette .lotusMenu{margin-left:10px;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;height:15em;overflow:auto}
.lotusui_ie .lotusPalette .lotusMenu{height:12.8em}/*we want 6 items to show. Adjustment for IE*/
.lotusPalette .lotusMenu li a, .lotusPalette .lotusMenu li a:visited, .lotusPalette .lotusMenu li a:active{margin-right:2px;}/*to keep horizontal scrollbar from showing on click*/
.lotusPalette .lotusMenu li.lotusSelected a, .lotusPalette .lotusMenu li.lotusSelected a:visited{border-width:0;}
.lotusPalette .lotusMenu li.lotusMore a{margin-right:5px;background-position:96% center;background-repeat:no-repeat}
.lotusPaletteContent{padding:10px 0 10px 10px;overflow:auto;zoom:1;height:20.2em;}
.lotusui_ie6 .lotusPaletteContent{position:relative;left:-3px}
.lotusPaletteContent.lotusPlain div.lotusIcon, .lotusui_ie6 .lotusPlain div.lotusIcon{width:1em} /*when there are no icons, add this additional class to lotusPaletteContent and write out the lotusIcon div with an  */
 .lotusPaletteWidgets{min-height:18.2em}
.lotusPaletteWidget{margin:0 10px 6px 0;padding:6px 0;width:19em;height:2.6em;float:left;overflow:hidden;line-height:1.4em;border-width:1px;border-style:solid;display:table;}
.lotusPaletteWidget:hover, .lotusPaletteWidget:focus{cursor:pointer}
.lotusImagesOff .lotusPaletteWidgets .lotusSelected, .lotusImagesOff .lotusPaletteWidget:hover, .lotusImagesOff .lotusPaletteWidget:focus{border-style:dotted}
.lotusPaletteWidget .lotusInner{display:table-row;height:2.6em/*height fixes safari skinny widgets*/}
.lotusPaletteWidget div{font-weight:bold;display:table-cell;vertical-align:middle;}
.lotusPaletteWidget div.lotusIcon{width:34px;text-align:center}
.lotusPaletteWidget div.lotusIcon span{display:block;height:16px;width:16px;padding:3px;margin:.5em 5px;}
.lotusPaletteWidget div.lotusIcon img{width:16px;height:16px;}/*need to force this size to preserve layout - so widgets will float properly*/
.lotusPaletteWidget a.lotusIcon{display:table-cell;width:25px;vertical-align:middle;background-position:left center;background-repeat:no-repeat;font-size:2em/*to make alt text larger*/}
.lotusPaletteWidget a.lotusIcon:hover, .lotusPaletteWidget a.lotusIcon:focus{text-decoration:none}
.lotusui_ie .lotusPaletteWidget div{float:left;padding-top:.25em;}
.lotusui_ie .lotusPaletteWidget div.lotusIcon span, .lotusui_ie .lotusPaletteWidget img{margin-top:-1px}
.lotusui_ie .lotusPaletteWidget a.lotusIcon{float:right;display:block;margin-top:-2px}
.lotusPaletteWidget .lotusTitle h4{display:block;height:1.2em;font-weight:bold}
.lotusPaletteWidget .lotusTitle h4 span{font-size:.8em}/*alt text for ratings, or any other text under the title*/
.lotusui_ie .lotusPaletteWidget .lotusTitle h4{width:10em;}
.lotusPaletteWidget .lotusRating0, .lotusPaletteWidget .lotusRating1, .lotusPaletteWidget .lotusRating2, .lotusPaletteWidget .lotusRating3, .lotusPaletteWidget .lotusRating4, .lotusPaletteWidget .lotusRating5{background-position:left bottom;background-repeat:no-repeat;padding:0 0 12px 2px} 
.lotusui_ie .lotusPaletteWidget .lotusRating0, .lotusui_ie .lotusPaletteWidget .lotusRating1, .lotusui_ie .lotusPaletteWidget .lotusRating2, .lotusui_ie .lotusPaletteWidget .lotusRating3, .lotusui_ie .lotusPaletteWidget .lotusRating4, .lotusui_ie .lotusPaletteWidget .lotusRating5{margin-top:-.5em}
.lotusLargeWidgets .lotusPaletteWidget{height:5.3em}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon{width:50px}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon span{height:50px;width:50px;margin:0;padding:0 5px;border-width:0}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon img{width:48px;height:48px;border-width:1px;border-style:solid}
.lotusPaletteContent .lotusPaging{padding:2px 0;}
.lotusPaletteContent .lotusPaging div{padding-left:0;margin-left:0}
.lotusPaletteContent .lotusPaging .lotusInlinelist{margin-right:5px;}
.lotusPalette .lotusPaging input.lotusText{border-width:1px;border-style:solid}
.lotusPalette .lotusPaging a, .lotusPalette .lotusPaging a:visited{text-decoration:none}
.lotusPalette .lotusPaging a:hover, .lotusPalette .lotusPaging a:focus{text-decoration:underline}
/*some additional options for widgets*/
.lotusPalette h4.lotusAdded,  .lotusPalette h4.lotusAdded a{padding:0 0 12px 2px}
.lotusPalette .lotusShowHide{display:table-cell;vertical-align:middle;text-align:right;padding-right:10px}/*replaces the plus sign with show hide text, for an add features cumstomize UI*/
.lotusui_ie .lotusPaletteWidget .lotusShowHide{float:right;display:block;margin-top:.35em}
.lotusui_ie .lotusPaletteWidget h4.lotusAdded{margin-top:-.5em;}
.lotusImagesOff a.lotusIcon img{display:none}
/***********************************************************/



/*** S E A R C H ***/
/*these styles support the search UI in the title bar*/
.lotusSearch input, .lotusSearch select{vertical-align:top;}
.lotusSearch .lotusBtnImg{padding:2px;display:-moz-inline-box;display:inline-block;vertical-align:middle}
.lotusSearch .lotusText, .lotusSearch .lotusScope{margin:0 1px;border-width:1px;border-style:solid;}
.lotusSearch .lotusText{padding:2px 5px;height:1.33em;line-height:1.33em;width:11em;zoom:1;}
.lotusSearch .lotusScope{padding:2px 25px 2px 4px;position: relative;display:block/*Force FF2 into block mode*/;display:inline-block;min-width:11em;height:1.33em;white-space: nowrap;line-height:1.33em;background-position:right 8px;background-repeat:no-repeat;text-decoration:none;cursor:pointer}
.lotusSearch .lotusScope:visited, .lotusSearch .lotusScope:hover, .lotusSearch .lotusScope:focus, .lotusSearch .lotusScope:active{text-decoration:none}
.lotusSearch .lotusScope .lotusIcon{margin-right:3px;vertical-align:top}
.lotusui_ie .lotusSearch .lotusScope{margin-top:1px}
/*min-width not working in these cases*/
.lotusui_ie6 .lotusSearch .lotusScope{width:11em;}

.lotusui_ie7 .lotusSearch .lotusScope{min-width:0}
.lotusui_ie7 .lotusSearch .lotusScope span{min-width:0}
/*high contrast mode*/
.lotusSearch .lotusScope .lotusAltText{position:absolute;top:0;right:0;width:16px;height:16px;min-width:0;background-image:none;display:none}
.lotusImagesOff .lotusSearch .lotusScope .lotusAltText{display:block}
/*.lotusImagesOff .lotusSearch .lotusScope span{padding:2px 0 2px 5px}*/
/***********************************************************/



/*** S E A R C H   T A B ***/
/*this is the UI for a search/find control that hides the input fields until the user opens them*/
/*this must be inside a relatively positioned div - override default positioning in the code, if necessary*/
div.lotusSearchTab{position:absolute;right:0;bottom:0;padding:.3em 5px;z-index:1;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusTabExpanded{-moz-border-radius:4px 4px 0 0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px}
.lotusSearchTab a, .lotusSearchTab a:visited{padding-right:18px;display:block;background-position:center right;background-repeat:no-repeat;text-decoration:none;font-weight:bold}
.lotusSearchTab a:hover, .lotusSearchTab a:focus{text-decoration:none}
form.lotusSearchForm{margin:0;padding:12px 10px;position:absolute;top:2.1em;right:0;display:none;z-index:0;border-width:1px;border-style:solid;-moz-border-radius:4px 0 4px 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;white-space:nowrap}
.lotusSearchForm input.lotusText{width:15em;height:1.33em;vertical-align:top}
.lotusSearchForm lotusBtn, .lotusSearchForm select{vertical-align:middle;margin-left:3px;}
.lotusSearchForm .lotusBtnImg{padding:2px;display:-moz-inline-box;display:inline-block;vertical-align:middle}
/***********************************************************/



/*S E C T I O N */
/*this is used to space out different elements in all three columns*/
/*a section contains a header*/
.lotusSection, .portlet-section{margin:0 0 15px -3px;padding:0 0 5px 0;clear:both;zoom:1;position:relative}
.lotusSectionBody{margin:0 0 0 15px}
.lotusSection div.lotusChunk, .lotusSection div.lotusSubsection{margin-top:5px;clear:both;zoom:1}
.lotusSection h2, .lotusSection h3{zoom:1}/*sets hasLayout in IE*/
.lotusSection h2{overflow:hidden;padding:4px 3px 4px 0;cursor:pointer !important}/*use important to override move cursor when the lotusDraggable class is assigned to the header*/
.lotusSection .lotusArrow:visited, .lotusSection .lotusArrow:hover, .lotusSection .lotusArrow:focus, .lotusSection .lotusArrow:active{text-decoration:none}
.lotusSection h2 span.lotusLeft, .lotusSection h3 span.lotusLeft{width:80%}/*header text*/
.lotusSection h3{padding-right:4px}/*for when there is a help icon*/
.lotusImagesOff .lotusSection h2 span.lotusLeft, .lotusImagesOff .lotusSection h3 span.lotusLeft{width:auto;margin-right:10px}/*we need more room for text in place of the action icon*/
.lotusSection h2 a.lotusIcon{float:right;width:16px;height:18px;background-position:center center;background-repeat:no-repeat}/*this is the action menu icon*/
.lotusImagesOff .lotusSection h2 a.lotusIcon{font-size:.78em;font-weight:normal;width:auto;height:auto}/*settings for alternate text*/
.lotusSection h2.lotusIcons img, .lotusSection h3.lotusIcons img, .portlet-section h2.lotusIcons img, .portlet-section h3.lotusIcons img{margin-left:3px}
.lotusSection .lotusDragHandle{width:9px;height:17px;position:absolute;left:-7px;top:5px;background-position:center center;background-repeat:no-repeat;zoom:1;cursor:move;visibility:hidden}/*we may want to move this outside of a section and make it a more general class.  It must be positioned within a relative div*/
.lotusSection div.lotusLast, .portlet-section div.lotusLast{margin-bottom:0}/*gets rid of extra bottom margin on the last "subsection"*/
.lotusSection .lotusList{margin:0 0 0 -8px} /*allows selection to extend to the left and right of the list items*/
.lotusSection .lotusList li{padding-left:8px;padding-right:5px}
.lotusSection .lotusTagCloud{width:100%; overflow:hidden;}
/*for left alignment in a section*/
.lotusSection .lotusVertTable, .lotusSection div.lotusChunk .lotusVertTable{margin-left:-2px}/*to offset the 2px padding on the first table cell*/
.lotusSection ul.lotusTree{margin-left:-10px}
.lotusImagesOff .lotusSection ul.lotusTree{margin-left:15px}
/****************************************************************/



/*** S O R T ***/
/*these are for the sort controls found at the top of a table/list of entries*/
.lotusSort{margin:3px 10px;font-size:.9em}
.lotusSort .lotusInlinelist li{padding:2px 5px}
.lotusSort .lotusInlinelist li.lotusFirst{padding-left:0}
.lotusSort a{padding:0;background-position:right center;background-repeat:no-repeat;text-decoration:underline;display:-moz-inline-box/*for FF2*/;display:inline-block;vertical-align:middle}
a.lotusMoreSorts{padding:0 8px 0 5px;}
a.lotusActiveSort{text-decoration:none}
.lotusSort .lotusAscending, .lotusSort .lotusDescending{padding-right:10px;}
.lotusImagesOff .lotusSort .lotusAscending, .lotusImagesOff .lotusSort .lotusDescending{padding-right:0}
/****************************************************************/



/*** T A B L E S ***/
/*layout table*/
/*note, if you need to use the structure of a relative div containing an absolute div within a layout table, be aware that Safari will only show the portion of your absolute div that is within the table area.  This is by design.*/
/*there is no cellpadding built into these tables. Used judiciously for complex layouts.*/
table.lotusLayout td{padding:0;vertical-align:top;text-align:left;} /*default alignment*/
table.lotusLayout td.lotusvAlignMid{vertical-align:middle}/*allows you to override default alignment*/
/*used for presenting information in a vertical format*/
.lotusVertTable th, .lotusVertTable td{padding:2px}
.lotusVertTable th{padding-right:50px;text-align:left;}
.lotusVertTable p{margin-top:0}
/*entry/data table*/
.lotusTable{width:100%;}
.lotusTable th, .lotusTable td{padding:5px 2px;vertical-align:top;}
.lotusTable th.lotusSubHeader{padding-top:15px}/*wrap an h4 tag in a th tag that spans the table columns for a subheader*/
.lotusTable .lotusFirst th.lotusSubHeader{padding-top:5px}
.lotusTable .lotusSummary td{padding:5px 2px 0 2px}
.lotusTable .lotusDetails td, .lotusTable .lotusMore td{padding:0 2px 5px 2px}
.lotusTable td p:first-child, p.lotusFirst{margin-top:0}/*for IE6, you have to assign the class lotusFirst to the first paragraph*/
.lotusTable td, .lotusTable th.lotusRowHeader, .lotusTable th.lotusSubHeader{border-top-width:1px;border-top-style:solid}/*use lotusRowHeader as a class on a th tag for a header that is the first cell of a row*/
.lotusTable .lotusLast td, .lotusTable .lotusLast th.lotusRowHeader{border-bottom-width:1px;border-bottom-style:solid}/*this give the option of a border under the last table row*/
.lotusTable .lotusDetails td, .lotusTable .lotusFirst td, .lotusTable .lotusMore td, .lotusTable .lotusFirst th.lotusRowHeader, .lotusTable .lotusFirst th.lotusSubHeader{border-top-width:0}
.lotusTable th.lotusFirstCell, .lotusTable td.lotusFirstCell{padding-left:10px}
.lotusTable th.lotusLastCell, .lotusTable td.lotusLastCell{padding-right:10px }
.lotusTable th.lotusAltCell, .lotusTable td.lotusAltCell{border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid}
.lotusTable div.lotusChunk{margin:7px 0;clear:none}
.lotusTable .lotusSS{font-size:.9em;white-space:nowrap;width:30px}
.lotusTable .lotusType{margin-left:5px;padding:0 0 6px 20px;font-weight:normal;font-size:.75em;background-position:left top;background-repeat:no-repeat;}/*allows you to add an image and text inside a header to indicate the type of entry - requires an additional class to define the type (in defaultThemes.css)*/
/*h4 tags are used for entry titles*/
.lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{text-decoration:line-through} /*for to do items*/
/*h5 tags are used for subsections in entry details*/
.lotusTable h5{margin:12px 0 2px 0;}
/*when the h4 tag occurs in the details row (like in notifications), we need some bottom margin*/
.lotusTable .lotusDetails h4{margin-bottom:2px}
.lotusTable .lotusDivider{padding:0 5px}
.lotusTable .lotusFirstCell input{margin:3px 0 0 0}
/*this table also shows up at the top of the UI, for announcements.*/
.lotusInfoTable{margin:0 0 12px 0;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;background-position:top left;background-repeat:repeat-x;}
.lotusInfoTable h2{position:relative;zoom:1}
.lotusInfoTable th, .lotusInfoTable td{padding:5px 10px}
.lotusInfoTable .lotusClose{position:absolute;right:-5px;top:0;border-width:1px;border-style:solid;display:block;width:15px;height:15px;}
.lotusui_ie6 .lotusInfoTable .lotusClose{font-size:12px}/*preserves the height of the close button when the font size is made larger*/
.lotusTable .lotusMeta{font-size:.9em}
.lotusTable .lotusActions{white-space:nowrap}/*fix for Safari*/
/****************************************************************/



/*** T A B S ***/
/*tabs are used in content area and titlebar.  The style adjustments needed for the titlebar are grouped with the titleBar styles*/
.lotusTabContainer{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:solid;z-index:1;margin-bottom:10px;}
ul.lotusTabs, .portlet-tab{margin:0;padding:0;position:absolute;left:10px;bottom:-1px;overflow:hidden;list-style:none;}
.lotusTabs li, .portlet-tab li{margin:0 2px 0 0 !important;padding-left:3px;float:left;border-width:1px;border-style:solid;;}/*set margins to important so they are preserved within other components*/
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab a:visited{padding:6px 8px 6px 5px;display:block;text-decoration:none;line-height:1em;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{font-weight:bold}
.lotusTabs a:hover, .lotusTabs a:focus, .portlet-tab a:hover, .portlet-tab a:focus{text-decoration:none}
/*a style that can be applied to a div that allows you to surround a tab content area with a border*/
.lotusTabContent{margin:-10px 0 12px 0;padding:10px;border-width:0 1px 1px 1px;border-style:solid;}
/****************************************************************/


/*** T A G   C L O U D ***/
/*a tag cloud is a visual way of displaying the relative importance of tags, with lotusF1 being of least importance and lotusF5 being most important*/
.lotusTagCloud ul{margin:0;padding:0}
.lotusTagCloud li{display:inline;zoom:1}
.lotusui_ie .lotusTagCloud li{margin-right:3px}
.lotusTagCloud a{text-decoration:none;font-weight:bold}
.lotusTagCloud a:hover, .lotusTagCloud a:focus{text-decoration:underline;}
a.lotusF5, a.lotusF5:visited{font-size:115%;}
a.lotusF4, a.lotusF4:visited{font-size:108%;}
a.lotusF3, a.lotusF3:visited{font-size:100%;}
a.lotusF2, a.lotusF2:visited{font-size:95%;}
a.lotusF1, a.lotusF1:visited{font-size:90%;}
/***********************************************************/



/*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/
ul.lotusTree, ul.portlet-tree{margin:0;padding:0;list-style-type:none;line-height:1.5em;}
.lotusTree ul, .portlet-tree ul{margin:0 0 0 14px;padding:0;list-style-type:none;}
.lotusTree ul *, .portlet-tree ul *{list-style-type:none} /*makes sure all nested lists don't have bullets*/
.lotusTree li, .portlet-tree li{margin:0;padding:0;}
.lotusTree a, .portlet-tree a{text-decoration:none;}
.lotusTree a:hover, .lotusTree a:focus, .portlet-tree a:hover, .portlet-tree a:focus{text-decoration:underline}
.lotusTree .lotusIcon{margin-right:3px}
.lotusTree input{margin:0 4px 0 2px;padding:0}
/*this is a specific type of tree*/
.lotusOrgChart ul{margin-left:11px}
.lotusOrgChart li{padding:2px 0}
.lotusOrgChart li a{margin:0;padding:0 0 5px 20px;background-position:left top;background-repeat:no-repeat;}
.lotusOrgChart .lotusBottom{padding:2px 0 5px 20px;background-position:left 5px;background-repeat:no-repeat;}
.lotusOrgChartTop, .lotusOrgChartMiddle, .lotusOrgChartBottom{padding-left:20px;background-position:left center;background-repeat:no-repeat;}
/*images off adjustments*/
.lotusImagesOff ul.lotusTree, .lotusImagesOff .lotusTree ul * {list-style-type:square;}
.lotusImagesOff .lotusOrgChart li a, .lotusImagesOff .lotusBottom{padding-left:0 !important;}
/***********************************************************/




/*** V C A R D (P E R S O N   C A R D)***/
/*this is the popup person card that shows up when you click on a person link (via a hover link)*/
.lotusVCard{display:table;position:absolute;left:0;top:-9999px;width:400px;margin:4px 0 0 4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusVCard .lotusContainer{display:table;width:400px;position:relative;top:-4px;left:-4px;border-width:1px;border-style:solid;}
/*lotusAppLinks are the application links at the top of the card*/
.lotusVCard .lotusAppLinks td{background-position:left top;background-repeat:repeat-x;border-width:0 0 1px 1px;border-style:solid;text-align:center}
.lotusVCard .lotusAppLinks td.lotusFirst{border-left-width:0}
.lotusVCard .lotusAppLinks a{display:block;padding:3px 9px;}
/*the more arrow, for when there is a second row of application links*/
.lotusVCard .lotusMore{width:16px;margin-right:10px;background-position:right center;background-repeat:no-repeat;}
.lotusVCard .lotusMore:visited, .lotusVCard .lotusMore:hover, .lotusVCard .lotusMore:focus, .lotusVCard .lotusMore:active{text-decoration:none}
/*lotusPersonDetails is the detail area of the card that contains all info for the person*/
.lotusVCard .lotusDetails{padding:10px;border-top-width:1px;border-top-style:solid;}
.lotusVCard .lotusPhoto{padding:3px;border-width:1px;border-style:solid;float:left;position:relative/*IE fix for floated elements within a relative container not showing*/}
.lotusVCard .lotusPersonInfo{margin-left:86px}
/*lotusPersonActions are actions you can perform on this person, from the person card*/
.lotusVCard .lotusPersonActions{padding:5px;border-top-width:1px;border-top-style:solid}
/*action menu within person card*/
.lotusVCard .lotusActionMenu{position:static;left:auto;top:auto;border-width:0;display:none;width:auto;margin-top:-10px}
/*lotusComments in the person card contains status information for the person*/
.lotusImagesOff .lotusCommentHeader{display:none}
.lotusVCard .lotusComment{clear:both}
.lotusVCard .lotusDetails .lotusComment{position:relative;margin:-10px 0 2px -10px;padding:0 0 0 10px;zoom:1}
.lotusVCard .lotusDetails .lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:16px;z-index:1;height:1.6em;background-position:left bottom;background-repeat:no-repeat;}
.lotusVCard .lotusDetails .lotusCommentBody{position:relative;top:1.7em;margin:-1px 0 2.2em 0;padding:5px 10px;border-width:1px;border-style:solid;z-index:0;-moz-border-radius:4px 4px 6px 6px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;zoom:1}
/*adjustments for an inline version of the card*/
.lotusInlineVCard{position:static;left:auto;margin:0 0 10px 0}
.lotusInlineVCard, .lotusInlineVCard .lotusContainer{width:175px;position:static;top:auto;left:auto}
.lotusInlineVCard .lotusPhoto{padding:0;border-width:0;margin-top:5px}
.lotusInlineVCard .lotusPersonInfo{margin-left:60px;margin-top:4px}
.lotusInlineVCard .lotusEmail{clear:both;border-width:1px 0;border-style:solid;padding:5px 10px}
.lotusInlineVCard .lotusAppLinks{list-style-type:none;margin:0;padding:0}
.lotusInlineVCard .lotusPivotNav{padding:2px 5px 1px 2px;overflow:hidden;zoom:1;}
.lotusInlineVCard .lotusPivotNavToggle{margin:0 5px 0 0;padding:0;float:left;height:45px;width:10px;}
.lotusPivotNavToggle a{display:block;height:45px;background-position:3px center;background-repeat:no-repeat;text-decoration:none;}
.lotusPivotNavToggle a:visited, .lotusPivotNavToggle a:hover, .lotusPivotNavToggle a:focus, .lotusPivotNavToggle a:active{text-decoration:none;}
.lotusPivotNavOpen .lotusPivotNavToggle a{background-position:left center}
.lotusInlineVCard .lotusInlineVCardDetails{display:none}
/***********************************************************/

/*** V C A R D   H O V E R ***/
/*this is the hover link that shows when you hover over a person's name and allows you to open their profile card*/
.lotusVCardHover{padding:5px 5px 5px 25px;position:absolute;left:0;top:-9999px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;background-position:5px center;background-repeat:no-repeat;white-space:nowrap}
.lotusVCardHover:hover, .lotusVCardHover:focus{text-decoration:none}
.lotusImagesOff .lotusVCardHover{padding-left:5px}
/***********************************************************/


/*** W I D G E T ***/
.lotusWidget{border-width:0 1px 1px 1px;border-style:solid;margin:0 10px 10px 5px;}
.lotusWidgetPlain{border-width:0}/*the title bar shows up on hover*/
.lotusWidgetPlain:hover h2, .lotusWidgetPlain:focus h2{display:block}
.lotusWidget h2, .lotusWidget h3{zoom:1}/*sets hasLayout in IE*/
.lotusWidget h2{background-position:left top;background-repeat:repeat-x;padding:4px 3px 4px 10px;overflow:hidden;cursor:move;border-width:1px 0;border-style:solid}
.lotusWidgetPlain h2{display:none;border-width:1px 1px 0 1px;border-style:solid}
.lotusWidget .lotusWidgetBody h2{border-width:0;}
.lotusWidget h2 img{margin-left:3px}
.lotusWidget h2 a.lotusIcon{float:right;width:18px;height:18px;background-position:center center;background-repeat:no-repeat}/*this is the action menu icon*/
.lotusImagesOff .lotusWidget h2 a.lotusIcon{font-size:.8em;font-weight:normal;width:auto;height:auto}/*settings for alternate text*/
.lotusWidget h2 .lotusDivider{float:right}
.lotusWidget h3{padding:4px 10px;overflow:hidden;border-bottom:1px solid;line-height:1em;height:1.3em;font-size:1em;font-weight:normal}
/*.lotusWidget h3 a{padding:4px 0 5px 0}*/
.lotusWidget h3 a.lotusAction{font-size:.9em;padding:4px 0 5px 0}
.lotusWidgetBody{clear:both;padding:3px 0}
.lotusWidgetBody .lotusSection {margin-top:0px;}
.lotusWidgetBody div.lotusChunk{margin-top:5px;clear:both;zoom:1}
.lotusWidget .lotusWidgetFooter{padding:4px 10px;border-top-width:1px;border-top-style:solid;height:1.3em;clear:both}
.lotusWidgetFooter ul.lotusVCard {margin-left:95px;margin-top:5px}
.lotusWidgetFooter img{vertical-align:top}
.lotusWidget .lotusWidgetSearch{padding:5px 10px 0 10px}
.lotusWidgetSearch img {padding-right:10px}
/*paging controls within a widget*/
.lotusWidget .lotusPaging{padding:2px 0;font-size:1em;line-height:1em;}
.lotusWidget .lotusPaging div{padding-left:0}
/*scrolling*/
.lotusWidget .lotusWidgetScroll{overflow:hidden;clear:both;}
.lotusWidget .lotusWidgetScroll a{margin:3px auto}
.lotusImagesOff .lotusWidget .lotusWidgetScroll{overflow:visible;padding-bottom:3px}
/***********************************************************/



/*** W I D G E T ***/
.lotusWidget2{border-width:0 1px 1px 1px;border-style:solid;margin:0 0 10px 0;}
.lotusWidgetPlain{border-width:0}/*the title bar shows up on hover*/
.lotusWidgetPlain:hover h2, .lotusWidgetPlain:focus h2{display:block}
.lotusWidget2 h2, .lotusWidget h3{zoom:1}/*sets hasLayout in IE*/
.lotusWidget2 h2{background-position:left top;background-repeat:repeat-x;padding:4px 3px 4px 10px;overflow:hidden;cursor:move;border-width:1px 0;border-style:solid}
.lotusWidgetPlain h2{display:none;border-width:1px 1px 0 1px;border-style:solid}
.lotusWidget2 .lotusWidgetBody h2{border-width:0;}
.lotusWidget2 h2 img{margin-left:3px}
.lotusWidget2 h2 a.lotusIcon{float:right;width:18px;height:18px;background-position:center center;background-repeat:no-repeat}/*this is the action menu icon*/
.lotusImagesOff .lotusWidget2 h2 a.lotusIcon{font-size:.8em;font-weight:normal;width:auto;height:auto}/*settings for alternate text*/
.lotusWidget2 h2 .lotusDivider{float:right}
.lotusWidget2 h3{padding:4px 0;overflow:hidden;border-bottom:1px solid;line-height:1em;height:1.3em;font-size:1em;font-weight:normal}
/*.lotusWidget h3 a{padding:4px 0 5px 0}*/
.lotusWidget2 h3 a.lotusAction{font-size:.9em;padding:4px 0 5px 0}
.lotusWidget2 .lotusWidgetBody{clear:both;padding:3px 10px}
.lotusWidget2 .lotusWidgetBody .lotusSection {margin-top:0px;}
.lotusWidget2 .lotusWidgetBody div.lotusChunk{margin-top:5px;clear:both;zoom:1}
.lotusWidget2 .lotusWidgetFooter{padding:4px 10px 7px 10px;border-top-width:1px;border-top-style:solid;height:1.3em;clear:both}
.lotusWidget2 .lotusWidgetFooter ul.lotusVCard {margin-left:95px;margin-top:5px}
.lotusWidget2 .lotusWidgetFooter img{vertical-align:top}
.lotusWidget2 .lotusWidget .lotusWidgetSearch{padding:5px 10px 0 10px}
.lotusWidgetSearch img {padding-right:10px}
/*paging controls within a widget*/
.lotusWidget2 .lotusPaging{padding:2px 0;font-size:1em;line-height:1em;height:1em}
.lotusWidget2 .lotusPaging div{padding-left:0}
/*scrolling*/
.lotusWidget2 .lotusWidgetScroll{overflow:hidden;clear:both;}
.lotusWidget2 .lotusWidgetScroll a{margin:3px auto}
.lotusImagesOff .lotusWidget2 .lotusWidgetScroll{overflow:visible;padding-bottom:3px}
/***********************************************************/





/*******************************************/
/*** P A G E   L A Y O U T   S T Y L E S ***/
/*******************************************/
.lotusFrame{margin:0 auto;padding:0;min-width:990px;}
.lotusui_ie6 .lotusFrame{width:expression( documentElement.clientWidth < 992 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 992 ? "990px" : "auto") : "990px") : "auto" );}/*for IE6*/
.lotusTitleBar, .lotusPlaceBar{margin:0 10px}
.lotusMain, .lotusFooter{border-style:solid;clear:both;margin:0 10px 10px 10px;overflow:hidden;}
.lotusMain{padding:0 0 5px 0;min-height:400px;border-width:0 1px 1px 1px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;zoom:1}
.lotusContent{padding:15px 20px 20px 20px;overflow:hidden; /*this sets a new block formatting context, which keeps the center content separate from the floated divs.  This allows us to clear floats in the center.*/margin-right:auto;margin-left:auto;/*bidi bug fixes for Firefox*/min-height:400px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;margin-bottom:-4px/*need the min-height and the rounded corners and the negative bottom margin, to get rid of the left column background image (matches lotusMain)*/}
/*keeps UI from shifting on max/restore in IE*/
.lotusui_ie .lotusContent{display:inline-block;}/*layout fix for IE*/
.lotusui_ie6 .lotusContent{padding-left:15px}/*IE6 adjustment*/
.lotusContentColOne{float:left;margin:10px;width:47%;}
.lotusContentColTwo{float:left;margin:10px 10px 10px 0;text-align:left;width:47%;}
/*to make sure these columns fit in a two column layout - only IE6 has issues*/
.lotusui_ie6 .lotusContentColOne{width:45%;}
.lotusui_ie6 .lotusContentColTwo{width:45%;}
/***********************************************************/



/*** B A N N E R **/
/*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/
.lotusBanner{padding:5px 10px 5px 20px;text-align:left;overflow:hidden;zoom:1}
.lotusBanner .lotusLogo{float:left;margin-right:20px}
.lotusBanner ul{padding:0;float:right;white-space:nowrap}
.lotusui_ie6 .lotusBanner ul{margin-top:0;margin-bottom:2px;}	
.lotusBanner ul.lotusInlinelist li.lotusFirst{padding-left:7px}	
.lotusBanner ul.lotusLinks{float:none;display:inline;}/*this is to fix display issues with a long list of links*/
.lotusui_ie6 .lotusBanner ul.lotusLinks {display:inline-block;} /*IE6 won't wrap links in inline mode*/
.lotusBanner ul.lotusLinks li{border-left-width:0;padding:2px 7px}
.lotusui_ie7 .lotusBanner ul.lotusLinks li{padding:0 7px}
.lotusBanner ul li a, .lotusBanner ul li span.lotusUser{padding:2px 5px;}
.lotusBanner ul.lotusLinks li.lotusSelected{margin:0;}
.lotusBanner ul.lotusLinks li.lotusSelected a{text-decoration:none;font-weight:bold;}
.lotusBanner ul.lotusUtility li{font-size:.9em;}
/***********************************************************/


/*** F O O T E R ***/
/*this sits at the bottom of the UI and contains a lot of support links, like help and about*/
.lotusFooter{padding:10px 10px 10px 0;border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:.9em}
.lotusFooter p{margin:0;line-height:1.3em}
.lotusFooter ul{margin:0;padding:0;list-style-type:none}
.lotusFooter li{line-height:1.2em;padding:.3em 0}
.lotusFooter th, .lotusFooter td{border-right-width:1px;border-style:solid}
.lotusFooter th.lotusLast, .lotusFooter td.lotusLast{border-width:0}
.lotusFooter th, .lotusFooterHeader{padding:5px 10px 3px 25px;width:20%;font-weight:bold;font-size:1.1em}
.lotusFooter td{padding:0 50px 10px 25px;}
/***********************************************************/




/*** N A V I G A T I O N ***/
/*left column - menu and filters*/
.lotusColLeft{float:left;width:180px;padding:15px 10px;zoom:1}
.lotusColLeft .lotusFormTable{margin-left:-10px;}
.lotusColLeft .lotusFormTable td{padding-left:10px;padding-top:5px}
.lotusColLeft .lotusFormFooter{padding-left:10px !important;}
/*section adjustments for the left column*/
.lotusColLeft .lotusSection .lotusBtn{width:99%}
.lotusColLeft .lotusSection .lotusBtn a{padding:4px 0}
.lotusColLeft .lotusInlinelist li{padding:0 4px}
.lotusColLeft .lotusInlinelist li.lotusFirst{padding-left:0}
.lotusColLeft .lotusSection .lotusBtnImg{padding:1px}
.lotusColLeft .lotusSection .lotusSearch .lotusText{margin:0 2px 0 0;padding:1px 3px 1px 6px;line-height:1.33em;width:80%;}
/***********************************************************/


/*** P L A C E   B A R ***/
/*this place bar shows up right below the title bar and tells user what place or community they are in*/
.lotusPlaceBar{position:relative;border-width:0 1px 1px 1px;border-style:solid;overflow:hidden;background-position:left top;background-repeat:repeat-x;zoom:1}
.lotusPlaceBar h2{padding:2px 0 0 20px;float:left;font-size:1.4em;line-height:2em;font-weight:normal}
.lotusPlaceBar .lotusBtnContainer{float:right;padding:.5em 5px .5em 10px;}/*buttons show up on the right side of the place bar*/
/***********************************************************/



/*** S I D E B A R ***/
/*right column - lists*/
.lotusColRight{float:right;width:190px;padding:15px 10px;zoom:1}
.lotusColRight .lotusFormTable{margin-left:-10px;}
.lotusColRight .lotusFormTable td{padding-left:10px;padding-top:5px}
.lotusColRight .lotusFormFooter{padding-left:10px !important;}
.lotusForm .lotusColRight input.lotusText{padding:1px !important}
/*section adjustments for the right column*/
.lotusColRight .lotusSection .lotusBtn{width:99%}
.lotusColRight .lotusSection .lotusBtn a{padding:4px 0}
.lotusColRight .lotusInlinelist li{padding:0 4px}
.lotusColRight .lotusInlinelist li.lotusFirst{padding-left:0}
.lotusColRight .lotusSection .lotusBtnImg{padding:1px}
.lotusColRight .lotusSection .lotusSearch .lotusText{margin:0 2px 0 0;padding:1px 3px 1px 6px;line-height:1.33em;width:80%;}
/***********************************************************/


/*** T I T L E   B A R 	***/
/*the blue bar under the banner, that contains tabs and search UI*/
.lotusTitleBar{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:solid;background-position:top left;background-repeat:repeat-x;clear:both/*fix for IE6*/}
.lotusTitleBar .lotusRightCorner{background-position:top right;background-repeat:no-repeat;height:3em;padding-right:6px}
.lotusTitleBar .lotusInner{background-position:top left;background-repeat:no-repeat;height:3em;}
.lotusTitleBar h2{padding:3px 0 0 10px;float:left;font-size:1.5em;line-height:2em;letter-spacing:0;width:200px;font-weight:normal} /*this is used in place of tabs, if desired*/
.lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{left:10px}
.lotusTitleBar .lotusTabs li{padding-left:5px;}
.lotusTitleBar .lotusSearch{position:absolute;top:.7em;right:10px}  
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{display:block;padding:7px 10px 7px 7px;text-decoration:none;line-height:1em;background-position:top right;background-repeat:no-repeat;line-height:1em}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
/***********************************************************/



/*************************************/
/*** S P E C I A L   S C R E E N S ***/
/*************************************/

/*** A B O U T ***/
.lotusAbout .lotusContent h1{margin:0;padding:0;font-size:3em;font-weight:normal;line-height:normal;}
.lotusAbout .lotusContent h2{margin:15px 0 10px 0;padding:0;font-size:1.5em;font-weight:normal;line-height:1em;}
.lotusAbout .lotusContent h3{margin:3px 0 15px;font-size:1.5em;font-weight:normal;}
.lotusAbout .lotusAboutBox{padding-right:25px;padding-bottom:15px;position:relative;background-position:left top;background-repeat:repeat-x;overflow:hidden;min-height:200px}
.lotusui_ie .lotusAbout .lotusAboutBox{display:inline-block}
.lotusui_ie6 .lotusAbout .lotusAboutBox{height:auto !important;height:200px}
.lotusAboutBox img{position:absolute;left:30px;top:22px;}
.lotusAbout .lotusAboutText{margin:22px 20px 20px 225px;}
.lotusAbout p{margin:5px 0}
.lotusAbout .lotusColRight{font-size:1.0em}
/*legal statement adjustments*/
.lotusAbout table.lotusLegal{margin-top:15px}
/***********************************************************/

/*** E R R O R ***/
.lotusErrorBox{width:619px;margin:20px auto;padding:0;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusErrorContent{position:relative;padding:20px;zoom:1}/*sets hasLayout for IE6*/
.lotusErrorContent img{position:absolute;top:20px;left:30px;}
.lotusErrorForm{margin:0px 0 0 85px;}
.lotusError h1{margin:0 0 10px 0;padding:0;font-size:2.3em;font-weight:normal;}
.lotusErrorForm .lotusBtnContainer{margin-top:15px}
.lotusErrorForm .lotusBtn{margin-right:15px;text-align:center;}
.lotusErrorForm .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusErrorForm div{width:auto;clear:none;margin:0;padding:0;}
/***********************************************************/

/*** H O M E ***/
/*a.k.a. dashboard*/
.lotusDashboard .lotusMain{background-position:top right;background-repeat:repeat-y}
.lotusDashboard .lotusColRight{width:160px;}
.lotusDashboard .lotusColRight h2{text-transform:uppercase;font-size:.9em}
.lotusContent .lotusColOne, .lotusContent .lotusColTwo{width:50%;float:left;}
/***********************************************************/

/*** L O G I N ***/
/*this can appear on a plain connections page (gradient background only), or launched in a separate window*/
.lotusLogin .lotusLoginBox{width:619px;margin:20px auto;padding:0;background-position:left top;background-repeat:no-repeat;border-width:1px;border-style:solid}
.lotusLogin .lotusLogo, .lotusLoginLogo{position:absolute;top:12px;left:22px;white-space:nowrap}/*size values are in the theme file, under general classes.  lotusLoginLogo is deprecated*/
.lotusLogin .lotusLoginContent{position:relative;padding:20px;zoom:1}
.lotusLoginContent img{position:absolute;top:130px;left:40px}
.lotusLoginContent img.lotusIcon{position:static;padding-bottom:1px}
.lotusLogin .lotusLoginForm{margin:100px 0 0 220px;}
.lotusLogin h1{margin:0;padding:0;font-size:2.3em;font-weight:normal;}
.lotusLogin h2{margin:5px 0 15px 0;font-size:1.4em;font-weight:normal;line-height:1.3em;}
.lotusLoginForm input{margin-bottom:5px;}
.lotusLoginForm .lotusText{width:15em}
.lotusLoginForm .lotusBtnContainer{margin-top:10px}
.lotusLoginForm .lotusBtn{margin-right:15px;font-size:inherit}
.lotusLoginForm .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusLoginForm div{width:auto;clear:none;margin:0;padding:0;}
.lotusLoginForm label{margin-left:0;padding-top:0;display:block;float:none;text-align:left;font-weight:normal;}
.lotusLogin .lotusDescription{margin-top:30px;clear:left;}
.lotusDescription h2{margin-bottom:3px;}
/*legal statement adjustments*/
.lotusLogin div.lotusLegal .lotusLicense{background-position:left top}
.lotusLogin .lotusLegal{margin-left:10px}
.lotusLogin table.lotusLegal{margin-top:15px}
/***********************************************************/

/*** M E T R I C S ***/
/*metrics*/
.lotusMetrics .lotusContent{margin-right:30%}
.lotusMetrics dt{margin-top:20px}
/***********************************************************/

/*** W E L C O M E ***/
.lotusWelcome .lotusForm{margin:15px 0}
.lotusWelcome input.lotusBtnSpecial{padding:1px 2px;background-position:center left;background-repeat:repeat-x;border-width:1px;border-style:solid;font-size:.9em;font-weight:bold}
.lotusWelcome .lotusContent input.lotusText{width:225px}/*don't want global search box to stretch!*/
.lotusWelcomeBox{margin-left:-15px;margin-bottom:20px;padding:15px;position:relative;border-width:1px;border-style:solid;overflow:hidden;zoom:1}
.lotusWelcomeBox h2{margin:0 180px 10px 0;font-size:1.7em;font-weight:normal;line-height:1em;}
.lotusWelcomeBox .lotusBtnContainer{margin:15px 0 0 0}
.lotusWelcomeBox .lotusBtnContainer .lotusBtn{float:left;}
.lotusWelcomeBox p, .lotusWelcomeBox ul{margin:0 170px 0 0}
.lotusWelcomeBox ul{padding-left:2em;list-style-position:outside;}
.lotusWelcomeBox ul.lotusInlinelist{padding-left:0;padding-top:2px}
.lotusWelcomeBox ul.lotusInlinelist li{border-left-width:0;}
.lotusWelcomeBox img{position:absolute;top:16px;right:50px;}
.lotusWelcomeBox .lotusClose{position:absolute;top:10px;right:12px;border-width:1px;border-style:solid}
.lotusWelcomeBox .lotusClose img{position:static}
/***********************************************************/


/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2009.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on August 21 2009. (version: OneUI-2.0.1_20090821-0327)*/
/******************************************************************************
defaultTheme.css is created by including content from the following files, which must be in the order specified:
baseTheme.css
componentsTheme.css
sprites.css (contains styles for creating image sprites using background images)
layoutTheme.css (this is the layout, with overrides to component styles based on where they sit on the page)

companion files are
base.css
components.css
layout.css
******************************************************************************/

/******************************/
/*** B A S E   S T Y L E S ****/
/******************************/

/*** R E S E T ***/

/*redefinitions*/
.lotusui a{color:#105cb6}
.lotusui a:hover, .lotusui a:focus, .lotusui a:active{color:#05386b}
.lotusui dt{background-color:#eee;font-weight:bold}/*used in metrics screen*/
.lotusui h1, .lotusui h2{color:#444}
/***********************************************************/

/*** S P E C I A L   L I N K S ***/
a.lotusPerson, a.lotusPerson:visited{color:#578cca;}/*person links pop up a related menu*/
.lotusTags a:link, .lotusTags a:visited, a.lotusTag:link, a.lotusTag:visited{color:#578cca;}/*tag*/
.lotusRelatedTags a{background-image:url(../images/iconRelatedTag.png);border-color:transparent/*to keep related tags from jumping*/}
.lotusui_ie6 .lotusRelatedTags a{border-color:#fff}/*ie6 doesn't support transparent border color*/
/*[sprite]*/
.lotusSpritesOn .lotusRelatedTags a{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2987px}
/*[/sprite]*/
/*my links indicate bookmarks you have created - add this onto people and tag class links*/
a.lotusMyLink, a.lotusMyLink:visited, .lotusMyLinks a, .lotusMyLinks a:visited{color:#44a244 !important}
a.lotusDelete{background-image:url(../images/iconDelete.png);}
/*[sprite]*/.lotusSpritesOn a.lotusDelete{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2331px}/*[/sprite]*/
/*link hover styles*/
.lotusTags a:hover, .lotusTags a:focus, .lotusTags a:active, a.lotusTag:hover, a.lotusTag:focus, a.lotusTag:active, a.lotusPerson:hover, a.lotusPerson:focus, a.lotusPerson:active{border-bottom-color:#05386b;color:#05386b;}
a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus {color:#05386b !important;border-bottom-color:#05386b;}
/*single and group action links*/
/*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/
a.lotusAction, a.lotusAction:visited{color:#105cb6 !important;}
a.lotusAction:hover, a.lotusAction:focus, a.lotusAction:active, .lotusActions a:hover, .lotusActions a:focus, .lotusActions a:active, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus, .lotusTags a.lotusAction:active{color:#05386b !important;}
/*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image.  The rest of the code is in this css declaration*/
.lotusActions a, .lotusActions a:visited{color:#105cb6;}
a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{background-color:transparent;background-image: url(../images/btnDropDown.png)}
/*[sprite]*/
a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{background-color:transparent;background-image: url(themeImages/lotusSprite-8bit.png);background-position:0 -728px}
/*[/sprite]*/
a.lotusDelete:hover, a.lotusDelete:active{background-image:url(../images/iconDeleteHover.png);}
/*[sprite]*/.lotusSpritesOn a.lotusDelete:hover, a.lotusDelete:active{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2383px}/*[/sprite]*/
/*general class for 16 pixel icons created as background images, where a link surrounds blank.gif*/
/*NOTES: 
assign the lotusIcon16 class along with one of the following classes to your link tag
classes match the icon graphic name with a lotus prefix*/
.lotusIconShow{background-image:url(../images/iconShow.png)}
.lotusIconHide{background-image:url(../images/iconHide.png)}
/*[sprite]*/
.lotusSpritesOn .lotusIcon16{background-image:url(themeImages/lotusSprite-8bit.png);}
.lotusSpritesOn .lotusIconShow{background-position:0 -3257px}
.lotusSpritesOn .lotusIconHide{background-position:0 -2547px}
/*[/sprite]*/
/***********************************************************/

/*** G E N E R A L   S T Y L E S ***/
.lotusui .lotusBorderTop, .lotusui .lotusBorderBottom{border-color:#e5e5e5}
.lotusui .lotusLoading{background-image:url(../images/loading.gif)}
.lotusui .lotusRequired{color:#efa229}
.lotusui .lotusMeta{color:#666}
.lotusui .lotusHighlighted{color:#f00}/*red*/
.lotusui .lotusInactive{color:#999}
.lotusui .lotusLogo, .lotusLoginLogo{height:18px;width:126px;background-image:url(../images/logo.png);background-repeat:no-repeat;}/*height, width values are in this file to aid in retheming*/
.lotusui .lotusIBMLogo {width:94px;height:37px;background-image:url(../images/ibmLogo.png);background-repeat:no-repeat;}/*height, width values are in this file to aid in retheming*/
.lotusImagesOff .lotusIBMLogo {display:none}
.lotusui .lotusIBMLogoFooter {width:66px;height:28px;background-image:url(../images/ibmLogoFooter.png);background-repeat:no-repeat;}/*height, width values are in this file to aid in retheming*/
.lotusImagesOff .lotusIBMLogoFooter {display:none}
/*[sprite]*/
.lotusSpritesOn .lotusIBMLogo {background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1782px}
.lotusSpritesOn .lotusIBMLogoFooter {background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1859px}
/*[/sprite]*/
/***********************************************************/

/*** I N L I N E   L I S T S ***/ 
.lotusui .lotusInlinelist li{border-color:#ccc;}
/***********************************************************/

/*** A R R O W S ***/
/*drop-down arrows*/
.lotusDropDownSprite{background-image:url(../images/btnDropDown.png)}
.lotusDropDownActionSprite{background-image:url(../images/btnDropDownAction.png)}
/*scrolling arrows*/
.lotusScrollUp{background-image:url(../images/arrowScrollUp.png)}
.lotusScrollDown{background-image:url(../images/arrowScrollDown.png)}
/*[sprite]*/
.lotusSpritesOn .lotusDropDownSprite{background-position:0 -728px}
.lotusSpritesOn .lotusDropDownActionSprite{background-position:0 -814px}
.lotusSpritesOn .lotusScrollUp{background-position:0 -683px}
.lotusSpritesOn .lotusScrollDown{background-position:0 -638px}
/*[/sprite]*/

/***********************************************************/


/****************************************/
/*** C O M P O N E N T   S T Y L E S ****/
/****************************************/


/*****************************/
/*** A C T I O N   M E N U ***/
/*****************************/
ul.lotusActionMenu{background-color:#fff;border-color:#919090;background-image:url(../images/actionMenuBkgd.png)}
ul.lotusActionMenu.lotusPlain{background-image:none}
.lotusActionMenu li{background-color:transparent}
.lotusActionMenu li.lotusSelected a{background-image:url(../images/checkmark.png);}
.lotusActionMenu li.lotusMenuSeparator{border-top-color:#C0C1C1 !important}
.lotusActionMenu a{color:#000;}
.lotusActionMenu a:hover, .lotusActionMenu a:focus, .lotusActionMenu a:active{color:#fff !important;background-color:#2e5a90;}

/*[sprite]*/
.lotusSpritesOn .lotusActionMenu li.lotusSelected a,
.lotusSpritesOn .lotusActionMenu li.lotusSelected a:visited,
.lotusSpritesOn .lotusActionMenu li.lotusSelected a:hover,
.lotusSpritesOn .lotusActionMenu li.lotusSelected a:active,
.lotusSpritesOn .lotusActionMenu li.lotusSelected a:focus
{background-image:url(themeImages/lotusSprite-8bit.png);background-position:4px -1026px}
/*[/sprite]*/

/***********************************************************/


/*** B R E A D C R U M B S ***/
.lotusBreadcrumbs .lotusDivider{background-image:url(../images/arrowClosedLight.png)}
.lotusBreadcrumbs .lotusDivider:hover, .lotusBreadcrumbs .lotusDivider:focus, .lotusBreadcrumbs .lotusDivider:active{background-image:url(../images/arrowClosedDark.png);}

/*[sprite]*/
.lotusSpritesOn .lotusBreadcrumbs .lotusDivider{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -232px}
.lotusSpritesOn .lotusBreadcrumbs .lotusDivider:hover, .lotusSpritesOn .lotusBreadcrumbs .lotusDivider:focus, .lotusSpritesOn .lotusBreadcrumbs .lotusDivider:active{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -116px}
/*[/sprite]*/
/***********************************************************/


/*** B U T T O N S ***/
/*form buttons are the same style right now as the special buttons*/
/*action buttons (lotusActionBtn) just use the lotusBtn style now, if you want them to look different you can define a style*/
/*lotusButton is a set width version of the button that goes in the left column*/
/*our regular buttons*/
.lotusBtn, .lotusButton{border-color:#c0c7cd;}/*default button outside border*/
.lotusBtn a, .lotusBtn a:visited, .lotusButton a, .lotusButton a:visited{border-color:#dedede;}/*span buttons have an inside border*/
.lotusBtn a, .lotusBtn a:visited, .lotusButton a, .lotusButton a:visited, input.lotusBtn, button.lotusBtn{color:#222;background-color:#dedede;background-image:url(../images/btnBkgd.png);}

/*form and other blue buttons*/
.lotusBtnSpecial, .lotusFormButton, .lotusBtnImg{border-color:#2f76b9}
.lotusBtnSpecial a, .lotusBtnSpecial a:visited, .lotusBtnImg img, .lotusBtnImg input{color:#fff;border-color:#6cacf1;}/*span buttons have an inside border*/
.lotusBtnSpecial a, .lotusBtnSpecial a:visited, input.lotusBtnSpecial, button.lotusBtnSpecial, .lotusFormButton, .lotusBtnImg{color:#ffffff;background-color:#2c86eb;background-image:url(themeImages/btnSpecialBkgd.png);}

/*hover states*/
/*default buttons*/
.lotusButton:hover, .lotusButton:focus, .lotusBtn:hover, .lotusBtn:focus, .lotusBtn:active{border-color:#8e8e8e;}
.lotusBtn a:hover, .lotusBtn a:focus, .lotusBtn a:active{color:#222;}
/*form and blue buttons*/
.lotusBtnSpecial:hover, .lotusBtnSpecial:focus, .lotusBtnSpecial:active, .lotusFormButton:hover, .lotusFormButton:focus, .lotusBtnImg:hover, .lotusBtnImg:focus, .lotusBtnImg:active{border-color:#10395f}
.lotusBtnSpecial a:hover, span.lotusBtnSpecial a:focus, .lotusBtnSpecial a:active, .lotusImagesOff  a.lotusBtnImg, .lotusImagesOff  a.lotusBtnImg:visited, .lotusImagesOff  a.lotusBtnImg:hover, .lotusImagesOff  a.lotusBtnImg:focus, .lotusImagesOff  a.lotusBtnImg:active{color:#ffffff}/*to make sure color sticks when images are turned off, etc.*/

/*disabled button - styles need to be at the end of all our button styles so they are picked up.  Uses regular button styles and a grayed out text color*/
.lotusBtnDisabled{border-color:#c0c7cd !important;}/*we don't want disabled button border color to change on hover*/
.lotusBtnDisabled a, .lotusBtnDisabled a:visited{border-color:#dedede;}/*span buttons have an inside border*/
.lotusBtnDisabled a, .lotusBtnDisabled a:visited, input.lotusBtnDisabled, button.lotusBtnDisabled{color:#b0b0b0 !important;background-color:#dedede;background-image:url(../images/btnBkgd.png);}
/*miscellaneous*/
.lotusBtnDivider{border-color:#e0e0e0}/*add this as an additional container class when you need a bottom divider for the buttons*/
/*not implemented in the prototype yet.*/
.lotusAdd img{background-image:url(../images/iconAdd16.png)}
.lotusClose img{background-image:url(../images/iconClose16.png)}

/*[sprite]*/
.lotusSpritesOn .lotusBtn a,.lotusSpritesOn .lotusButton a,.lotusSpritesOn input.lotusBtn,.lotusSpritesOn button.lotusBtn,
.lotusSpritesOn .lotusBtn a:hover,.lotusSpritesOn .lotusButton a:hover,.lotusSpritesOn input.lotusBtn:hover,.lotusSpritesOn button.lotusBtn:hover,
.lotusSpritesOn .lotusBtn a:focus,.lotusSpritesOn .lotusButton a:focus,.lotusSpritesOn input.lotusBtn:focus,.lotusSpritesOn button.lotusBtn:focus,
.lotusSpritesOn .lotusBtn a:active,.lotusSpritesOn .lotusButton a:active,.lotusSpritesOn input.lotusBtn:active,.lotusSpritesOn button.lotusBtn:active,
.lotusSpritesOn .lotusBtn a:visited,.lotusSpritesOn .lotusButton a:visited,.lotusSpritesOn input.lotusBtn:visited,.lotusSpritesOn button.lotusBtn:visited
{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 0}

.lotusSpritesOn .lotusBtnDisabled a,.lotusSpritesOn input.lotusBtnDisabled,.lotusSpritesOn button.lotusBtnDisabled,
.lotusSpritesOn .lotusBtnDisabled a:hover,.lotusSpritesOn input.lotusBtnDisabled:hover,.lotusSpritesOn button.lotusBtnDisabled:hover,
.lotusSpritesOn .lotusBtnDisabled a:focus,.lotusSpritesOn input.lotusBtnDisabled:focus,.lotusSpritesOn button.lotusBtnDisabled:focus,
.lotusSpritesOn .lotusBtnDisabled a:active,.lotusSpritesOn input.lotusBtnDisabled:active,.lotusSpritesOn button.lotusBtnDisabled:active,
.lotusSpritesOn .lotusBtnDisabled a:visited,.lotusSpritesOn input.lotusBtnDisabled:visited,.lotusSpritesOn button.lotusBtnDisabled:visited
{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 0}

.lotusSpritesOn .lotusBtnSpecial a,.lotusSpritesOn input.lotusBtnSpecial,.lotusSpritesOn button.lotusBtnSpecial,.lotusSpritesOn .lotusFormButton,.lotusSpritesOn .lotusBtnImg,
.lotusSpritesOn .lotusBtnSpecial a:hover,.lotusSpritesOn input.lotusBtnSpecial:hover,.lotusSpritesOn button.lotusBtnSpecial:hover,.lotusSpritesOn .lotusFormButton:hover,.lotusSpritesOn .lotusBtnImg:hover,
.lotusSpritesOn .lotusBtnSpecial a:focus,.lotusSpritesOn input.lotusBtnSpecial:focus,.lotusSpritesOn button.lotusBtnSpecial:focus,.lotusSpritesOn .lotusFormButton:focus,.lotusSpritesOn .lotusBtnImg:focus,
.lotusSpritesOn .lotusBtnSpecial a:active,.lotusSpritesOn input.lotusBtnSpecial:active,.lotusSpritesOn button.lotusBtnSpecial:active,.lotusSpritesOn .lotusFormButton:active,.lotusSpritesOn .lotusBtnImg:active,
.lotusSpritesOn .lotusBtnSpecial a:visited,.lotusSpritesOn input.lotusBtnSpecial:visited,.lotusSpritesOn button.lotusBtnSpecial:visited,.lotusSpritesOn .lotusFormButton:visited,.lotusSpritesOn .lotusBtnImg:visited
{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -1350px}

.lotusSpritesOn .lotusAdd img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2107px}
.lotusSpritesOn .lotusClose img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2275px}
/*[/sprite]*/
/****************************************************************/


/*** C A P T I O N ***/
.lotusCaption{background-color:#f3f3f3;border-color:#f3f3f3}
/***********************************************************/



/*** C O M M E N T ***/
/*plain comments*/
.lotusAddComment{background-color:#E8EDF3;}
.lotusui .lotusAddComment a.lotusCommentInput, .lotusui .lotusAddComment a.lotusCommentInput:hover, .lotusui .lotusAddComment a.lotusCommentInput:focus{background-color:#fff;border-color:#BDC7DB !important;}/*important is to keep this from clashing with lotusActions classes, if applied*/
/*update status "comment"*/
.lotusUpdateStatus{background-color:#b4d5fc;}
.lotusUpdateStatus .lotusPostStatusControl{background-color:#fff;}
/*comment containers*/
ul.lotusCommentList li{border-top-color:#e3e2e2}
/*style adjustments for comments on the board/wall*/
.lotusBoard .lotusPost{border-top-color:#E8EDF3}
.lotusBoard ul.lotusCommentList li.lotusFirst{background-image:url(../images/commentPointBubble.png);}
/*[sprite]*/
.lotusSpritesOn .lotusBoard ul.lotusCommentList li.lotusFirst{background-image:url(themeImages/lotusSprite-8bit.png);background-position:15px -1137px}
/*[/sprite]*/
.lotusBoard .lotusCommentList .lotusPost, .lotusBoard .lotusCommentList .lotusAddComment{background-color:#ededed;}
.lotusBoard .lotusCommentPaging { background-color:#E8EDF3; }
/*styles for comments in a discussion forum*/
.lotusForum .lotusPost{background-color:#B4D5FC;}
.lotusForum .lotusPostAuthorInfo .lotusPostAvatar{background-image:url(../images/commentPointForum.png)}
/*[sprite]*/
.lotusSpritesOn .lotusForum .lotusPostAuthorInfo .lotusPostAvatar{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -1373px}
/*[/sprite]*/
.lotusForum .lotusPostContent{background-color:#fff}
.lotusForum ul.lotusCommentList .lotusPost{background-color:#ededed}
.lotusForum ul.lotusCommentList .lotusChild{background-image: url(../images/commentIndent.png);}
.lotusForum .lotusPostDetails blockquote{color:#545454;background-color:#ededed;border-color:#DFE4E9;}
/*simple comment bubble*/
.lotusCommentBubble{background-image: url(../images/commentPointBubble.png);}
/*[sprite]*/
.lotusSpritesOn .lotusCommentBubble{background-image: url(themeImages/lotusSprite-8bit.png);background-position:15px -1137px}
/*[/sprite]*/
.lotusCommentBubbleBody{background-color:#ededed;}
/***********************************************************/



/*** C O P Y R I G H T **/
div.lotusLegal .lotusLicense{background-image: url(../images/ibmLogo.png);}
.lotusLegal .lotusLicense{color:#666;}
.lotusLegal .lotusBuild{color:#000}
/***********************************************************/



/*** D I A L O G ***/
.lotusDialogBorder{border-color:#aaa;}
.lotusDialog{background-color:#fff;}
.lotusDialog h1{border-bottom-color:#E2EBF1;background-image:url(../images/titleBkgd.png)}
.lotusDialog .lotusDialogContent{border-bottom-color:#E2EBF1;}
.lotusDialog .lotusDialogFooter{background-color:#E2EBF1;}
.lotusDialog .lotusFormTable,
.lotusDialog .lotusFormTable td{background-color:#fff;}

/*[sprite]*/
.lotusSpritesOn .lotusDialog h1{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px}
/*[/sprite]*/

/***********************************************************/



/***************************************/
/*** D I S P L A Y   C O N T R O L S ***/
/***************************************/
.lotusViewControl div{background-color:#fff;background-image:url(../images/btnBkgd.png);border-color:#c0c7cd}
.lotusDetailsOff {background-image:url(../images/viewDetails.png)}
.lotusDetailsOff:hover, .lotusDetailsOff:focus{background-image:url(../images/viewDetailsHover.png)}
.lotusDetailsOn {background-image:url(../images/viewDetailsSelected.png)}
.lotusSummaryOff {background-image:url(../images/viewSummary.png)}
.lotusSummaryOff:hover, .lotusSummaryOff:focus {background-image:url(../images/viewSummaryHover.png)}
.lotusSummaryOn {background-image:url(../images/viewSummarySelected.png)}
.lotusTreeOff {background-image:url(../images/viewTree.png)}
.lotusTreeOff:hover, .lotusTreeOff:focus {background-image:url(../images/viewTreeHover.png)}
.lotusTreeOn {background-image:url(../images/viewTreeSelected.png)}
.lotusTileOff {background-image:url(../images/viewThumbnail.png)}
.lotusTileOff:hover, .lotusTileOff:focus {background-image:url(../images/viewThumbnailHover.png)}
.lotusTileOn {background-image:url(../images/viewThumbnailSelected.png)}
.lotusFolderOff {background-image:url(../images/viewFolder.png)}
.lotusFolderOff:hover, .lotusFolderOff:focus {background-image:url(../images/viewFolderHover.png)}
.lotusFolderOn {background-image:url(../images/viewFolderSelected.png)}

/*sprites on*/
/*[sprite]*/
.lotusSpritesOn .lotusViewControl div{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 0}
.lotusSpritesOn .lotusViewControl a.lotusView{background-image:url(themeImages/lotusSprite-8bit.png)}
.lotusSpritesOn .lotusDetailsOff {background-position:0 -6438px}
.lotusSpritesOn .lotusDetailsOff:hover, .lotusSpritesOn .lotusDetailsOff:focus{background-position:0 -6558px}
.lotusSpritesOn .lotusDetailsOn {background-position:0 -6678px}
.lotusSpritesOn .lotusSummaryOff {background-position:0 -7158px}
.lotusSpritesOn .lotusSummaryOff:hover, .lotusSpritesOn .lotusSummaryOff:focus {background-position:0 -7218px}
.lotusSpritesOn .lotusSummaryOn {background-position:0 -7278px}
.lotusSpritesOn .lotusTreeOff {background-position:0 -7518px}
.lotusSpritesOn .lotusTreeOff:hover, .lotusSpritesOn .lotusTreeOff:focus {background-position:0 -7578px}
.lotusSpritesOn .lotusTreeOn {background-position:0 -7638px}
.lotusSpritesOn .lotusTileOff {background-position:0 -7338px}
.lotusSpritesOn .lotusTileOff:hover, .lotusSpritesOn .lotusTileOff:focus {background-position:0 -7398px}
.lotusSpritesOn .lotusTileOn {background-position:0 -7458px}
.lotusSpritesOn .lotusFolderOff {background-position:0 -6798px}
.lotusSpritesOn .lotusFolderOff:hover, .lotusSpritesOn .lotusFolderOff:focus {background-position:0 -6918px}
.lotusSpritesOn .lotusFolderOn {background-position:0 -7038px}
/*[/sprite]*/
/***********************************************************/


/*** F E E D S **/
/*the feed links under the content*/
.lotusFeeds a.lotusFeed{background-image:url(../images/iconFeed.png)}
/*[sprite]*/
.lotusSpritesOn .lotusFeeds a.lotusFeed{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2435px}
/*[/sprite]*/
/***********************************************************/



/*** F O R M S ***/
.lotusFormTable, .lotusFormTable td{background-color:#F0F4F7;}
.lotusFormPlain .lotusTable, .lotusFormPlain .lotusFormTable td{background-color:#fff;}/*for a form that is always on the page and not inline*/
.lotusFieldBorder{background-color:#E9E9E9;}
.lotusFormError, .lotusFormRequired {color:#FF0000;}
.lotusFormErrorField, .lotusFormErrorSummary td {background-color:#fffabc;}
.lotusFormTable .lotusFormFooter {background-color:#E2EBF1;}
/* form button element styles can be found in the button component */
/***********************************************************/



/*** H E A D E R ***/
.lotusHeader .lotusDetails p{color:#666}
.lotusFilters a.lotusFilter{background-color:#f4f7fc;border-color:#c4d8f2}
.lotusFilters a .lotusClose{color:#c4d8f2}
.lotusFilters a:hover .lotusClose{color:#999999}
/***********************************************************/



/*** I N F O   B O X ***/ /*this is used for help and tips*/
.lotusInfoBox, .portlet-msg{background-color:#fef6ab;border-color:#e2c15a;}
.lotusInfoBox h3, .portlet-msg h3{color:#b47429;}
.lotusInfoBox h3 img, .portlet-msg h3 img{border-color:#d79846}
.lotusInfoBox h3 img:hover, .portlet-msg h3 img:hover, .lotusInfoBox h3 img:focus, .portlet-msg h3 img:focus{border-color:#b8711c}
.lotusHelp{background-color:#e0e0e0}
.lotusHelp .lotusInfoBox{border-color:#c5c5c5;background-color:#f0f0f0;background-image:url(../images/accentBkgd.png)}
.lotusHelp h3{color:#222}

/*[sprite]*/
.lotusSpritesOn .lotusHelp .lotusInfoBox{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -450px}
/*[/sprite]*/

/***********************************************************/



/*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/
ul.lotusList li.lotusSelected{background-color:#CFECFF}
ul.lotusList li.lotusSelected a{color:#000;}
.lotusList a, ul.lotusList li.lotusSelected a{border-color:transparent}
/*delete icon for editable list*/
ul.lotusEditable a.lotusDelete:hover{border-bottom-color:transparent}
/*IE 6 hack. Need to use tag and person classes here and accommodate gray and white backgrounds*/
.lotusui_ie6 .lotusList a{border-bottom-color:#f1f5fa}
.lotusui_ie6 ul.lotusList li.lotusSelected a{border-bottom-color:#cfecff}
.lotusui_ie6 ul.lotusEditable a.lotusDelete:hover{border-bottom-color:#f1f5fa}
/***********************************************************/



/*** M E N U ***/
.lotusMenu, .portlet-menu{background-color:#eefee1;border-color:#ccebb5}
.lotusMenu .lotusMenuSection{border-bottom-color:#ccebb5;}
.lotusMenu h3{color:#4f9815}
.lotusMenu h3.selected, .portlet-menu h3.selected{color:#fff;background-color:#73be59;border-color:#73be59;}
.lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .lotusMenu li.lotusSelected a:active, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a:active{color:#fff !important;background-color:#73be59;border-color:#73be59;}
/*menu arrows are created as CSS sprites, using the lotusArrow class found in baseTheme.css*/
.lotusTwistyOpenMenu{background-image:url(../images/arrowOpenAlt.png)}/*the section is selected*/
.lotusTwistyClosedMenu{background-image:url(../images/arrowClosedAlt.png)}
.lotusMenu h3.selected .lotusTwistyOpenMenu{background-image:url(../images/arrowOpenReversed.png)}/*the section is selected*/
.lotusMenu h3.selected .lotusTwistyClosedMenu{background-image:url(../images/arrowClosedReversed.png)}
.lotusMenu .lotusArrow, .lotusMenu .lotusArrow:hover, .lotusMenu .lotusArrow:focus{color:#fff;text-decoration:none}/*for alt text +/- icons*/

/*[sprite]*/
.lotusSpritesOn .lotusTwistyOpenMenu{background-position:0 -464px}
.lotusSpritesOn .lotusTwistyClosedMenu{background-position:0 0}
.lotusSpritesOn .lotusMenu h3.selected .lotusTwistyOpenMenu{background-image:url(themeImages/lotusSprite-32bit.png);background-position:0 -580px}/*the section is selected*/
.lotusSpritesOn .lotusMenu h3.selected .lotusTwistyClosedMenu{background-position:0 -348px}
/*[/sprite]*/
/***********************************************************/



/*** M E S S A G E S ***/
.lotusMessage{background-color:#fcc;border-color:#c66;}/*error message*/
.lotusWarning{background-color:#ffffbc;border-color:#f7c455;}/*use iconWarning16.png*/
.lotusInfo{background-color:#d8eaff;border-color:#6295d6;}/*use iconInfo16.png*/
.lotusConfirm{background-color:#dcfcc4;border-color:#80d047;}/*use iconConfirmation16.png*/
/***********************************************************/



/*** P A G I N G ***/
.lotusPaging{color:#848484;background-color:#f1f3f5;}
.lotusPaging ul li, .lotusPaging div{color:#848484;}
.lotusPaging input{color:#848484;}
.lotusPaging .lotusInlinelist li{border-color:#8d8d8d;}
/***********************************************************/



/*** P A L E T T E ***/
/*this is the palette that opens under the place bar to allow users to customize the UI */
.lotusPalette{background-color:#7a7f84;border-bottom-color:#676b6f}
.lotusPalette .lotusLoading{background-image:url(../images/loadingDark.gif)}
.lotusPaletteHeader{background-color:#62656a;color:#fff;border-top-color:#62656a;border-bottom-color:#777b81}
.lotusPaletteHeader h2, .lotusPaletteHeader a, .lotusPaletteHeader a, .lotusPaletteHeader a:hover, .lotusPaletteHeader a:focus, .lotusPaletteHeader .lotusTabs li a:hover, .lotusPaletteHeader .lotusTabs li a:focus{color:#fff}
.lotusPaletteHeader .lotusTabs li, .lotusPaletteHeader .lotusTabs li.lotusSelected{background-color:transparent}
.lotusPaletteHeader .lotusTabs li.lotusSelected a, .lotusPaletteHeader .lotusTabs li.lotusSelected a:visited{color:#fff;background-color:#105cb6;}
.lotusPaletteBody{background-color:#414648;border-top-color:#222;border-bottom-color:#222;}
.lotusPaletteNav{background-color:transparent;background-image:url(../images/paletteNavShadow.png)}
.lotusPaletteNav h3{color:#fff}
.lotusPaletteNav h3 img{background-image:url(../images/iconArrowBack16.png);color:#fff}
/*[sprite]*/
.lotusSpritesOn .lotusPaletteNav h3 .lotusBtnImg img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2163px}
/*[/sprite]*/
.lotusPalette .lotusSearch input.lotusText{background-color:#fff;color:#222;border-color:#fff}
.lotusPalette .lotusMenu{background-color:#232426;}
.lotusPalette .lotusMenu li a, .lotusPalette .lotusMenu li a:visited, .lotusPalette .lotusMenu li a:hover, .lotusPalette .lotusMenu li a:focus{color:#fff;background-color:transparent;}
.lotusPalette .lotusMenu li.lotusSelected, .lotusPalette .lotusMenu li.lotusSelected a, .lotusPalette .lotusMenu li.lotusSelected a:visited, .lotusPalette .lotusMenu li.lotusSelected a:active{background-color:#105cb6}
.lotusPalette .lotusMenu li.lotusMore a{background-image:url(../images/paletteMoreArrow.png)}
/*[sprite]*/
.lotusSpritesOn .lotusPalette .lotusMenu li.lotusMore a{background-image:url(themeImages/lotusSprite-8bit.png);background-position:94% -4237px}
/*[/sprite]*/
.lotusPaletteWidget{border-color:#222;background-color:#4d5054;color:#fff}
.lotusPaletteWidgets .lotusSelected, .lotusPaletteWidget:hover, .lotusPaletteWidget:focus{border-color:#fff}
.lotusPaletteWidget a, .lotusPaletteWidget a:hover, .lotusPaletteWidget a:focus{color:#fff}
.lotusPaletteWidget a.lotusIcon{background-image:url(../images/paletteAdd.png)}
.lotusPaletteWidget a.lotusIcon:hover, .lotusPaletteWidget a.lotusIcon:focus{background-image:url(../images/paletteAddHover.png)}
/*[sprite]*/
.lotusSpritesOn .lotusPaletteWidget a.lotusIcon{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3982px}
.lotusSpritesOn .lotusPaletteWidget a.lotusIcon:hover, .lotusSpritesOn .lotusPaletteWidget a.lotusIcon:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -4084px}
/*[/sprite]*/
.lotusPaletteWidget div.lotusIcon span{background-color:transparent}
.lotusPaletteWidget .lotusRating0{background-image:url(../images/paletteRating0.png)}
.lotusPaletteWidget .lotusRating1{background-image:url(../images/paletteRating1.png)}
.lotusPaletteWidget .lotusRating2{background-image:url(../images/paletteRating2.png)}
.lotusPaletteWidget .lotusRating3{background-image:url(../images/paletteRating3.png)}
.lotusPaletteWidget .lotusRating4{background-image:url(../images/paletteRating4.png)}
.lotusPaletteWidget .lotusRating5{background-image:url(../images/paletteRating5.png)}
/*[sprite]*/
.lotusSpritesOn .lotusPaletteWidget .lotusRating0, .lotusSpritesOn .lotusPaletteWidget .lotusRating1, .lotusSpritesOn .lotusPaletteWidget .lotusRating2, .lotusSpritesOn .lotusPaletteWidget .lotusRating3, .lotusSpritesOn .lotusPaletteWidget .lotusRating4, .lotusSpritesOn .lotusPaletteWidget .lotusRating5{background-image:url(themeImages/lotusSprite-8bit.png)}
.lotusSpritesOn .lotusPaletteWidget .lotusRating0{background-position:0 -4367px}
.lotusSpritesOn .lotusPaletteWidget .lotusRating1{background-position:0 -4469px}
.lotusSpritesOn .lotusPaletteWidget .lotusRating2{background-position:0 -4673px}
.lotusSpritesOn .lotusPaletteWidget .lotusRating3{background-position:0 -4877px}
.lotusSpritesOn .lotusPaletteWidget .lotusRating4{background-position:0 -5081px}
.lotusSpritesOn .lotusPaletteWidget .lotusRating5{background-position:0 -5285px}
/*[/sprite]*/
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon span{background-color:transparent}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon img{border-color:#000}
.lotusPaletteContent{background-color:#37393c}
.lotusPaletteContent .lotusPaging{background-color:transparent}
.lotusPaletteContent .lotusPaging ul li, .lotusPaletteContent .lotusPaging div{color:#C1C0C0}
.lotusPalette .lotusPaging input.lotusText{background-color:#222;color:#fff;border-color:#181818}
.lotusPaletteContent .lotusPaging a, .lotusPaletteContent .lotusPaging a:hover, .lotusPaletteContent .lotusPaging a:focus{color:#fff}
/*some additional options for widgets*/
.lotusPalette .lotusAdded,  .lotusPalette .lotusAdded a{color:#0c0}/*to indicate that a widget has been added to the page*/
.lotusPalette h4.lotusAdded,  .lotusPalette h4.lotusAdded a{color:#c1c0c0;}/*grays out header, if widget is already added to the page*/
/***********************************************************/



/*** S E A R C H ***/
.lotusSearch .lotusSearchButton{color:#ffffff;background-image:url(../images/iconSearch16.png)}
.lotusSearch .lotusSearchButton:hover, .lotusSearch .lotusSearchButton:focus{/*border-color:#666666;*/}
.lotusSearch .lotusText, .lotusSearch .dijitTextBox, .lotusSearch select{border-color:#7a7e81;background-color:#fff}
.lotusSearch .lotusScope{color:#000;background-color:#fff;border-color:#7a7e81;background-image:url(../images/btnDropDownPadding.png);}
.lotusSearch .lotusScope:hover, .lotusSearch .lotusScope:focus{color:#fff;background-color:#2e5a90;background-image:url(../images/btnDropDownHoverPadding.png)}

/*[sprite]*/
.lotusSpritesOn .lotusSearch .lotusSearchButton{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3089px}

.lotusSpritesOn .lotusSearch .lotusScope{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -893px}
.lotusSpritesOn .lotusSearch .lotusScope:hover, .lotusSpritesOn .lotusSearch .lotusScope:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -981px}
/*[/sprite]*/

/***********************************************************/


/*** S E A R C H   T A B ***/
.lotusSearchTab{background-color:#fff;border-color:#ccc;}
.lotusSearchTab:hover, .lotusTabExpanded{color:#414546}
.tabExpanded{border-bottom-color:#fff;}
.lotusSearchTab a, .lotusSearchTab a:visited{color:#000;background-image:url(../images/searchArrowClosed.png);}
.lotusSearchTab a:hover{background-image:url(../images/searchArrowHover.png)}
.lotusTabExpanded{border-bottom-color:#fff}
.lotusTabExpanded a, .lotusTabExpanded a:visited{background-image:url(../images/searchArrowOpen.png)}
.lotusTabExpanded a:hover{background-image:url(../images/searchArrowOpenHover.png)}
/*[sprite]*/
.lotusSpritesOn .lotusSearchTab a, .lotusSpritesOn .lotusSearchTab a:visited{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -5464px}
.lotusSpritesOn .lotusSearchTab a:hover{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -5700px}
.lotusSpritesOn .lotusTabExpanded a, .lotusTabExpanded a:visited{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -5936px}
.lotusSpritesOn .lotusTabExpanded a:hover{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -6054px}
/*[/sprite]*/
.lotusSearchForm, .lotusSearchForm{background-color:#fff;border-color:#ccc;}
.lotusSearchForm input, .lotusSearchForm input{color:#999}
.lotusSearchForm option, .lotusSearchForm option{color:black}
.lotusSearchForm .lotusText, .lotusSearchForm .lotusText{color:#999}
.lotusSearchForm .lotusSearchButton{color:#ffffff;background-image:url(../images/iconSearch16.png)}
/***********************************************************/



/*** S E C T I O N ***/
/*this is the action menu icon*/
.lotusSection h2 a.lotusActionMenu{background-image:url(../images/iconActions.png)}
.lotusSection h2 a.lotusActionMenu:hover, .lotusSection h2 a.lotusActionMenu:focus{background-image:url(../images/iconActionsHover.png)}
.lotusSectionBody{background-color:#fff}
/*these twisties use lotusArrow sprite in baseTheme.css*/
.lotusTwistyOpen{background-image:url(../images/arrowOpenLight.png)}
.lotusTwistyClosed{background-image:url(../images/arrowClosedLight.png)}
/*draggable sections*/
.lotusSection .lotusDragHandle{background-image:url(../images/dndHandle.png);}
.lotusSection h2.lotusDraggable:hover .lotusDragHandle{visibility:visible}

/*[sprite]*/
.lotusSpritesOn .lotusSection h2 a.lotusActionMenu{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -1921px}
.lotusSpritesOn .lotusSection h2 a.lotusActionMenu:hover, .lotusSpritesOn .lotusSection h2 a.lotusActionMenu:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -2011px}
.lotusSpritesOn .lotusTwistyOpen{background-position:0 -522px}
.lotusSpritesOn .lotusTwistyClosed{background-position:0 -232px}
.lotusSpritesOn .lotusSection .lotusDragHandle{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1725px}
/*[/sprite]*/
/****************************************************************/



/*** S O R T ***/
.lotusSort .lotusAscending{background-image:url(../images/sortAscending.png)}
.lotusSort .lotusDescending{background-image:url(../images/sortDescending.png)}
.lotusSort a.lotusMoreSorts{background-image:url(../images/btnDropDown.png);}

/*[sprite]*/
.lotusSpritesOn .lotusSort .lotusAscending{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -6152px}
.lotusSpritesOn .lotusSort .lotusDescending{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -6242px}
.lotusSpritesOn .lotusSort a.lotusMoreSorts{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -764px}
/*[/sprite]*/

/****************************************************************/



/*** T A B L E S ***/
/*styles for displaying our data*/
/*includes vertical tables, horizontal tabular display (summary, detail, and grid views) and highlighted information (announcements)*/
.lotusVertTable th{color:#666;}
.lotusTable{border-bottom-color:#e5e5e5;}
.lotusTable td, .lotusTable th.lotusRowHeader, .lotusTable th.lotusSubHeader{border-top-color:#e5e5e5}
.lotusTable .lotusLast td, .lotusTable .lotusLast th.lotusRowHeader{border-bottom-color:#e5e5e5}
.lotusTable .lotusAltRow td, .lotusTable .lotusAltRow th.lotusRowHeader{background-color:#f8f8f8;}
.lotusTable th.lotusAltCell, .lotusTable td.lotusAltCell{background-color:#f5f5f5;border-right-color:#fff;border-bottom-color:#fff}
.lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{color:#666}
.lotusTable h5{color:#4f9815}
.lotusTable caption, .portlet-table caption{color:#666;background-color:#f3f3f3;border-color:#e0e0e0;}
.lotusTable .lotusSS{color:#666;}
.lotusTable .lotusType{color:#666;}/*indicates entry types*/
.lotusPrivate{background-image:url(../images/iconPrivate.png)}/*private entry*/
.lotusSecure{background-image:url(../images/iconSecure.png)}/*secure entry*/
/*[sprite]*/
.lotusSpritesOn .lotusPrivate{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2767px}/*private entry*/
.lotusSpritesOn .lotusSecure{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3145px}/*secure entry*/
/*[/sprite]*/
.lotusTable .lotusPaging, .lotusCaption .lotusPaging, .portlet-table .lotusPaging{background-color:#f3f3f3}
.lotusTable .lotusPaging td, .portlet-table .lotusPaging td{border-color:#e0e0e0;}
/*announcements*/
.lotusInfoTable{background-color:#f0f0f0;background-image:url("../images/accentBkgd.png");border-color:#e3e3e3;}
.lotusInfoTable h2 {color:#73BE59;}
.lotusInfoTable .lotusClose{border-color:#b0b0b0}
.lotusInfoTable .lotusClose:hover, .lotusInfoTable .lotusClose:focus{border-color:#918f8f}
.lotusCaption .lotusPaging, .lotusCaption .lotusPaging td{background-color:transparent}
.lotusCaption select{color:#666}
/*[sprite]*/
.lotusSpritesOn .lotusInfoTable{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -450px}
/*[/sprite]*/
/***********************************************************/



/*** T A B S ***/
.lotusTabContainer{border-bottom-color:#d9d9d9;}
.lotusTabs li, .portlet-tab li{border-color:#e7e9ea;border-bottom-color:#d9d9d9;background-color:#e7e9ea}
.lotusTabs li.lotusSelected, .portlet-tab li.lotusSelected{background-color:#fff;border-color:#d9d9d9;border-bottom-color:#fff;}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{color:#000;}
/*a style that can be applied to a div that allows you to surround a tab content area with a border*/
.lotusTabContent{border-color:#d9d9d9;}
/***********************************************************/



/*** T A G   C L O U D ***/
a.lotusF5, a.lotusF5:visited{color:#1c3052}
a.lotusF4, a.lotusF4:visited{color:#2b588e}
a.lotusF3, a.lotusF3:visited{color:#4477bb}
a.lotusF2, a.lotusF2:visited{color:#649cd8}
a.lotusF1, a.lotusF1:visited{color:#8bbce8}
/***********************************************************/



/*** T R E E ***/
/*the second class definition for each type of node accommodates a div version of the org chart*/
.lotusOrgChart li a, .lotusOrgChartMiddle{background-image:url(../images/orgParentNode.png);}
.lotusOrgChart a.lotusTop, .lotusOrgChartTop{background-image:url(../images/orgTopNode.png)}
.lotusOrgChart .lotusBottom, .lotusOrgChartBottom{background-image:url(../images/orgBottomNode.png)}

/*[sprite]*/
.lotusSpritesOn .lotusOrgChart li a, .lotusOrgChartMiddle{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3537px}
.lotusSpritesOn .lotusOrgChart a.lotusTop, .lotusOrgChartTop{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3765px}
.lotusSpritesOn .lotusOrgChart .lotusBottom, .lotusOrgChartBottom{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3304px}
/*[/sprite]*/

/***********************************************************/



/****************************************/
/*** V C A R D (P E R S O N   C A R D)***/
.lotusVCard{background-color:#e0e0e0}
.lotusVCard .lotusContainer{border-color:#c5c5c5;background-color:#f2f2f2}
.lotusVCard a:link, .lotusVCard a:visited, .lotusVCard a:hover, .lotusVCard a:focus, a:active{color:#105cb6}
.lotusVCard .lotusAppLinks td{background-color:#fff;background-image:url(../images/titleBkgd.png);border-color:#c5c5c5;}
/*the more arrow, for when there is a second row of application links*/
.lotusVCard .lotusMore{background-image:url(../images/iconMoreAppsClosed.png);}
.lotusVCard .lotusMoreExpanded{background-image:url(../images/iconMoreAppsOpen.png)}
/*lotusDetails is the detail area of the card that contains all info for the person*/
.lotusVCard .lotusDetails{border-top-color:#fff;background-color:#f2f2f2}
.lotusVCard .lotusPhoto{border-color:#bdc4ca;}
/*lotusVCardActions are actions you can perform on this person, from the person card*/
.lotusVCard .lotusPersonActions{background-color:#fff;border-top-color:#c5c5c5}
.lotusVCard .lotusPersonActions .lotusInlinelist li{border-left-color:#105cb6}
.lotusVCard .lotusActionMenu a, .lotusActionMenu a:visited{color:#000}
.lotusVCard .lotusActionMenu a:hover, .lotusVCard .lotusActionMenu a:focus, .lotusVCard .lotusActionMenu a:active{color:#fff !important;background-color:#2e5a90;}
/*lotusComments in the person card contains status information for the person*/
.lotusVCard .lotusDetails .lotusCommentHeader{background-image:url(../images/commentPointPersonCard.png);}
.lotusVCard .lotusDetails .lotusCommentBody{color:#666;background-color:#fff;border-color:#a0acba;}
/*adjustments for an inline version of the card*/
.lotusInlineVCard .lotusEmail{border-color:#c5c5c5;}
.lotusPivotNavToggle a{background-color:#d8d8e0;background-image:url(../images/vCardClosed.png)}
.lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(../images/vCardOpen.png)}
/***********************************************************/

/*[sprite]*/
.lotusSpritesOn .lotusVCard .lotusAppLinks td{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px}

.lotusSpritesOn .lotusVCard .lotusMore{background-image:url(themeImages/lotusSprite-8bit.png);background-position:18px -2595px}
.lotusSpritesOn .lotusVCard .lotusMoreExpanded{background-image:url(themeImages/lotusSprite-8bit.png);background-position:18px -2707px}

.lotusSpritesOn .lotusVCard .lotusDetails .lotusCommentHeader{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1510px}
.lotusSpritesOn .lotusPivotNavToggle a{background-image:url(themeImages/lotusSprite-8bit.png);background-position: 3px -6276px}
.lotusSpritesOn .lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(themeImages/lotusSprite-8bit.png);background-position: 0 -6373px}
/*[/sprite]*/

/*** V C A R D   H O V E R ***/
.lotusVCardHover{border-color:#aeaeae;background-color:#fff79a;background-image:url(../images/iconProfiles.png)}
.lotusVCardHover:hover, .lotusVCardHover:focus{text-decoration:none}
/*[sprite]*/
.lotusSpritesOn .lotusVCardHover{background-image:url(themeImages/lotusSprite-8bit.png);background-position: 5px -2873px}
/*[/sprite]*/

/***********************************************************/



/*** W I D G E T ***/
.lotusWidget{border-color:#E8ECEE;}
.lotusWidget h2{background-color:#E8ECEE;background-image:url(../images/titleBkgd.png);border-color:#E8ECEE;}
.lotusWidget .lotusWidgetBody h2 {background-image:none}
.lotusWidget h3{color:#444;border-bottom-color:#e8ecee}
.lotusWidget .lotusWidgetFooter{border-top-color:#e8ecee}
.lotusWidget .lotusPaging{background-color:transparent}/*paging controls within a widget*/
/*action menu icon*/
.lotusWidget h2 a.lotusActionMenu{background-image:url(../images/iconActions.png)}
.lotusWidget h2 a.lotusActionMenu:hover, .lotusWidget h2 a.lotusActionMenu:focus{background-image:url(../images/iconActionsHover.png)}
/*add any additional buttons you need to expose here*/

/*[sprite]*/
.lotusSpritesOn .lotusWidget h2{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px}
.lotusSpritesOn .lotusWidget h2 a.lotusActionMenu{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -1921px}
.lotusSpritesOn .lotusWidget h2 a.lotusActionMenu:hover, .lotusSpritesOn .lotusWidget h2 a.lotusActionMenu:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -2011px}
/*[/sprite]*/
/***********************************************************/


/*** W I D G E T ***/
.lotusWidget2{border-color:#E8ECEE;}
.lotusWidget2 h2{background-color:#E8ECEE;background-image:url(../images/titleBkgd.png);border-color:#E8ECEE;}
.lotusWidget2 .lotusWidgetBody h2 {background-image:none}
.lotusWidget2 h3{color:#444;border-bottom-color:#e8ecee}
.lotusWidget2 .lotusWidgetFooter{border-top-color:#e8ecee}
.lotusWidget2 .lotusPaging{background-color:transparent}/*paging controls within a widget*/
/*action menu icon*/
.lotusWidget2 h2 a.lotusActionMenu{background-image:url(../images/iconActions.png)}
.lotusWidget2 h2 a.lotusActionMenu:hover, .lotusWidget h2 a.lotusActionMenu:focus{background-image:url(../images/iconActionsHover.png)}
/*add any additional buttons you need to expose here*/

/*[sprite]*/
.lotusSpritesOn .lotusWidget2 h2{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px}
.lotusSpritesOn .lotusWidget2 h2 a.lotusActionMenu{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -1921px}
.lotusSpritesOn .lotusWidget2 h2 a.lotusActionMenu:hover, .lotusSpritesOn .lotusWidget2 h2 a.lotusActionMenu:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -2011px}
/*[/sprite]*/
/***********************************************************/




/*******************************************/
/*** P A G E   L A Y O U T   S T Y L E S ***/
/*******************************************/
body.lotusui {color:#222;background:none;background-color:#cee1fc}
.lotusContent{background-color:#fff;}
.lotusMain, .lotusFooter{background-color:#fff;border-color:#cfcfcf;}
.lotusMain{border-top-color:#568dd0;}
.lotusMain .lotusSearch .lotusText, .lotusMain .lotusSearch .dijitTextBox{border-color:#cccbcb}


/*** B A N N E R **/
/*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/
.lotusBanner{background-color:transparent;}
.lotusBanner ul.lotusInlinelist li{color:#000;background-color:transparent;border-color:#105cb6}
.lotusBanner ul li.lotusFirst{background-image:none}
.lotusBanner ul.lotusLinks a{color:#105cb6}
.lotusBanner ul.lotusLinks li.lotusSelected{background-color:#649De1;}
.lotusBanner ul.lotusLinks li.lotusSelected a{color:#fff}
.lotusBanner ul.lotusUtility a{color:#105cb6}
/***********************************************************/



/*** F O O T E R ***/
/*this sits at the bottom of the UI and contains a lot of support links, like help and about*/
.lotusFooter th, .lotusFooterHeader{color:#666}
.lotusFooter th, .lotusFooter td{border-color:#e0e0e0}
/***********************************************************/




/*** N A V I G A T I O N ***/
/*left column - menu and filters*/
.lotusColLeft .lotusInlinelist li{border-color:#8d8d8d;} 
/***********************************************************/


/*** P L A C E   B A R ***/
/*this place bar shows up right below the title bar and tells user what place or community they are in*/
.lotusPlaceBar{background-color:#e4e8ef;border-color:#c0c7cd;background-image:url(../images/titleBkgd.png);}
.lotusPlaceBar h2{color:#000;}

/*[sprite]*/
.lotusSpritesOn .lotusPlaceBar{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px}
/*[/sprite]*/

/***********************************************************/



/*** S I D E B A R ***/
/*right column - lists*/
.lotusColRight .lotusInlinelist li{border-color:#8d8d8d;} 
/***********************************************************/


/*** T I T L E   B A R 	***/
/*the blue bar under the banner, that contains tabs and search UI*/
.lotusTitleBar{background-color:#4586d3;border-bottom-color:#6794cb;background-image:url(themeImages/titlebarMid.png);}
.lotusTitleBar .lotusRightCorner{background-image:url(themeImages/titlebarRight.png)}
.lotusTitleBar .lotusInner{background-image:url(themeImages/titlebarLeft.png)}
.lotusTitleBar h2{color:#fff;}
.lotusTitleBar .lotusTabs li{border-color:#4675AD;border-bottom-color:#6794cb;background-color:#4372A9}
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{color:#fff;}
.lotusTitleBar .lotusTabs li.lotusSelected{border-color:#4675AD;border-bottom-color:#fff;background-color:#fff}
.lotusTitleBar .lotusTabs li.lotusSelected a, .lotusTitleBar .lotusTabs li.lotusSelected a:visited{color:#000;}
.lotusTitleBar .lotusTabs li a:hover, .lotusTitleBar .lotusTabs li a:focus, .lotusTitleBar .lotusTabs li a:active{color:#fff !important}
.lotusTitleBar .lotusTabs li.lotusSelected a:hover, .lotusTitleBar .lotusTabs li.lotusSelected a:focus, .lotusTitleBar .lotusTabs li.lotusSelected a:active{color:#000 !important}
/*accessibility*/
.lotusTitleBar .lotusSearchButton{color:#fff}

/*[sprite]*/
.lotusSpritesOn .lotusTitleBar{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -1800px}
/*[/sprite]*/

/***********************************************************/



/*************************************/
/*** S P E C I A L   S C R E E N S ***/
/*************************************/

/*** A B O U T ***/
.lotusAbout .lotusMain{background-image:none}
.lotusAbout .lotusContent h1{color:#4275aa}
.lotusAbout .lotusContent h2{color:#4275aa}
.lotusAbout .lotusContent h3{color:#4275aa}
.lotusAboutBox{background-color:#e8f0fb}
/***********************************************************/

/*** E R R O R ***/
.lotusErrorBox{background-color:#fff;border-color:#cfcfcf;}
.lotusError h1{color:#274a71;}
/***********************************************************/

/*** H O M E ***/
/*a.k.a. dashboard*/
.lotusDashboard .lotusMain{background:url(../images/colBkgd160.png)}
.lotusDashboard .lotusColRight h2{background-color:transparent;}
/***********************************************************/

/*** L O G I N ***/
/*this can appear on a plain page (gradient background only), or launched in a separate window*/
.lotusLoginBox{background-color:#fff;background-image:url(themeImages/loginBkgd.png);border-color:#BBBBBB;}
.lotusLogin h1, .lotusLogin h2{color:#274a71;}
.lotusDescription h2{color:#000}
.lotusLoginLogo{}/*definition for this has moved up to general classes - please use the lotusLogo class instead of lotusLoginLogo*/
/***********************************************************/

/*** W E L C O M E ***/
.lotusWelcome .lotusBtnAction, .lotusWelcomeBox .lotusClose{border-color:#666666}
.lotusWelcomeBox{background-color:#e8f0fb;border-color:#d1e0f7}
.lotusWelcomeBox, .lotusWelcomeBox h2{color:#4275aa;}
.lotusWelcomeBox .lotusBtnAction:hover, .lotusWelcomeBox .lotusBtnAction:focus, .lotusWelcomeBox .lotusClose:hover, .lotusWelcomeBox .lotusClose:focus{border-color:#333333}
/***********************************************************/


/**********************************/
/*** S P R I T E   S T Y L E S ****/
/**********************************/
.lotusSpritesOn .lotusHorzBgSprite{background-image:url(themeImages/lotusHorzBgSprite-8bit.png)}
.lotusSpritesOn .lotusSprite{background-image:url(themeImages/lotusSprite-8bit.png)}
.lotusSpritesOn .lotusArrow{background-image:url(themeImages/lotusSprite-8bit.png);}



/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/



/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.	
	*/
	margin:0;
	border:0;
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:-moz-inline-box;		/* FF2 */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

.dijitHidden {
	/* To hide unselected panes in StackContainer etc. */
	display: none !important;
}

.dijitVisible {
	/* To show selected pane in StackContainer etc. */
	display: block !important;	/* override user's display:none setting via style setting or indirectly via class */
	position: relative;			/* to support setting width/height, see #2033 */
}


.dj_ie INPUT.dijitTextBox,
.dj_ie .dijitInputField INPUT {
	font-size: 100%;
}

.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
	margin: -1px 0 !important;
}

.dijitInlineTable {
	/* To inline tables with a given width set (otherwise, use dijitInline above)
	 * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
	 */
	display: -moz-inline-stack;	/* FF2 */
	display:inline-table;
	display:inline-block;		/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	box-sizing: content-box; -moz-box-sizing: content-box;
	border:0;
	padding:0;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup div,
.dijit_a11y .dijitPopup table,
.dijit_a11y .dijitTooltipContainer {
	background-color: white !important;
}

.dijitInputField {
	overflow:hidden;
	#zoom:1;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/*
	 * iframe used for FF2 in high-contrast mode to prevent menu
	 * being transparent
	 */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitClickableRegion {
	/* An InlineEditBox in view mode (click this to edit the text) */
	background-color: #e2ebf2;
	cursor: text;
}


.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dijit_a11y * {
	background-image:none !important;
}

.dijit_a11y .dijitCalendarIncrementControl {
	display: none;	/* don't display icon */
}
.dijit_a11y .dijitA11ySideArrow {
	display: inline !important; /* display text instead */
	cursor: pointer;
}

.dijit_a11y .dijitCalendarSelectedDate {
	text-decoration:overline !important;
}

.dijit_a11y .dijit * {
	background:white !important;
	color:black !important;
}
.dijit_a11y .dijitButtonNode {
	border-color: black!important;
	border-style: outset!important;
	border-width: medium!important;
}

.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

.dj_ff2 .dijit_a11y .dijitComboButton .dijitButtonContentsFocused,
.dj_ff2 .dijit_a11y .dijitComboButton .dijitDownArrowButtonFocused {
	border: 1px dotted black !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijit_a11y .dijitArrowButtonInner {
	width: 1em;
	display: none !important;
}
.dijitButtonNode .dijitArrowButtonInner {
	background:no-repeat center;
	width: 16px;
}
.dijitComboBox .dijitArrowButtonInner {
	display: block;
}

/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important;
}


/****
		3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
 ****/
	
.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
}

.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
	margin: 0;
}

.dj_ie8 .dijitToolbar button,
.dj_webkit .dijitToolbar button {
	/* FF and IE<8 adds implicit padding to buttons, so make other browsers follow suit,
	 * to avoid a bunch of browse specific rules in theme files
	 */
	padding: 1px 2px;
}

.dj_ie .dijitToolbar .dijitComboBox{
	/* make combobox buttons align porperly with other buttons in a toolbar */
	vertical-align: middle;
}

.dj_ie .dijitComboButton {
	/* hack to get inline-table to vertically align w/other buttons */
	margin-bottom: -3px;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
	padding:0;
}

.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	line-height:normal;
	vertical-align: middle;
	#vertical-align: auto;
	text-align:center;
	white-space: nowrap;
}

.dijitButtonNode, .dijitButtonNode * {
	cursor: pointer;
} 

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled,
.dijitDisabledClickableRegion {	/* a region the user would be able to click on, but it's disabled */
	cursor: not-allowed !important;
}

.dj_ie .dijitButtonNode {
	/* ensure hasLayout */
	zoom: 1;
}

.dj_ie .dijitButtonNode button { 
	/*  
		disgusting hack to get rid of spurious padding around button elements 
		on IE. MSIE is truly the web's boat anchor. 
	*/ 
	overflow: visible;
} 

.dijitArrowButton {
	/* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
	/* place AFTER dijitButtonNode so it overrides */
	padding: 0 .4em;
}
DIV.dijitArrowButton {
	float: right;
}

.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	border-style: solid;
	border-width: 0 0 0 1px !important;
	padding: 0;
	position: absolute;
	right: 0;
	float: none;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	position: absolute;
	height: 50%;
}
.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {
	top: auto;
	bottom: 0;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {
	top: 0;
	bottom: auto;
}

TABLE.dijitComboButton {
	/* In ComboButton, borders are on each cell rather than on <table> itself */
	border-collapse: collapse;
	border:0;
	padding:0;
	margin:0;
}
.dijitToolbar .dijitComboButton {
	/* because Toolbar only draws a border around the hovered thing */
	border-collapse: separate;
}

.dj_ie BUTTON.dijitButtonNode {
	overflow: visible; /* eliminates arbitrary left and right padding on buttons */
}

table .dijitButton .dijitButtonNode,
table .dijitComboButton .dijitButtonNode {
	#overflow:hidden; /* visible messes up if the button is inside a table on IE */
}



.dijitButtonNode IMG {
	/* make text and images line up cleanly */
	vertical-align:middle;
	/*margin-bottom:.2em;*/
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
	border: solid black 1px;
	#overflow: hidden; /* #6027, #6067 */
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	vertical-align: middle;
	#vertical-align: auto;	
}

.dijitTimeTextBox {
	width: 8em;
}

/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
.dijitTextAreaFocused {
	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
	outline: auto 5px -webkit-focus-ring-color;
}
.dijitTextAreaFocused div {
	/* prevent dotted border on FF3 */
	outline: none !important;
}

.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
	border-left: solid black 1px;	/* TODO: for RTL mode should be border-right */
	display:inline;
	position:static !important;
	border:0 !important;	
	margin:0 !important;
	vertical-align:top !important;
	background-color:transparent !important;
	background-image:none !important;
	width:100% !important;
}

/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon {
	visibility: hidden;
	display: block;
	padding: 0 2px;
	float: right;
	height: auto;
}
.dijitValidationIconText {
	visibility: hidden;
	display: none;
	float:right;
	font-family: sans-serif;
	font-style:italic;
	font-size: 0.75em;
	padding-right: 0.15em;
	line-height: 160%;
}
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }

.dijitError .dijitValidationIcon,
.dijitError .dijitValidationIconText {
	visibility: visible;
}

.dijitTextBox .dijitArrowButton {
	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
	display:none;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
}

.dijitCheckBox INPUT,
.dijitRadio INPUT {
	margin: 0;
	padding: 0;
	display: block;
}

.dijitCheckBoxInput {
	/* place the actual input on top, but all-but-invisible */
	opacity: 0.01;
}

.dj_ie .dijitCheckBoxInput {
	filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
	width: auto;
	height: auto;
}
.dijit_a11y .dijitCheckBoxInput {
	opacity: 1;
	filter: none;
	width: auto;
	height: auto;
}


/****
		dijit.ProgressBar
 ****/

.dijitProgressBarEmpty{
	/* outer container and background of the bar that's not finished yet*/
	position:relative;overflow:hidden;
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
	z-index:0;			/* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
	/* outer container for background of bar that is finished */
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:0;
	width:100%;
}
.dj_ie6 .dijitProgressBarFull {
	height:1.6em;
}

.dijitProgressBarTile {
	/* inner container for finished portion */
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	background-color:#aaa;
	background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile{
	/* a11y:  The border provides visibility in high-contrast mode */
	border-width:4px;
	border-style:solid;
	background-color:transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
	/* width:auto works in IE6 with position:static but not position:absolute */
	position:static;
	/* height:auto or 100% does not work in IE6 */
	height:1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarLabel {
	visibility:hidden;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
	display:none;
}

.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.dijitProgressBarLabel {
	display:block;
	position:static;
	width:100%;
	text-align:center;
	background-color:transparent !important;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}

.dijitTooltipData {
	display:none;
}
/* MOW: using actual images at this time
/* draw an arrow with CSS only * /
.dijitTooltipConnector {
	/* the border on the triangle * /
	font-size: 0; line-height: 0%; width: 0;
	border-top: none;
	border-bottom: 14px solid black;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	top: -14px;
	left: 3px;
	z-index: 2;
}

.dijitTooltipConnector div {
	/* the background of the triangle * /
	font-size: 0; line-height: 0%; width: 0;
	position: absolute;
	border-bottom: 10px solid #b8b5b5;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 6px;
	left: -5px;
	z-index: 3;
}

*/



/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer{
	position: relative;
	display: block;
	overflow: hidden;
}

body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
	position: absolute;
	overflow: hidden;
}

body .dijitAlignClient { position: absolute; }

/*
 * BorderContaienr
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
	position:relative;
	overflow: hidden;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
	position: absolute !important;	/* !important to override position:relative in dijitTabContainer etc. */
	z-index: 2;		/* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
	/* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
	resize: none;
}

.dijitGutter {
	/* gutter is just a place holder for empty space between panes in BorderContainer */
	position: absolute;
	font-size: 1px;		/* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
	position: absolute;
	overflow: hidden;
	z-index: 10;		/* above the panes so that splitter focus is visible on FF, see #7583*/
	background-color: #fff;
	border-color: gray;
	border-style: solid;
	border-width: 0;
}
.dj_ie .dijitSplitter {
	z-index: 1;	/* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
	z-index: 11 !important;
}

.dijitSplitterCover{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dijitSplitterCoverActive{
	z-index:3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover{
	background: white;
	filter: alpha(opacity=0);
}

.dijitSplitterH {
	height: 7px;
	border-top:1px;
	border-bottom:1px;
	cursor: ns-resize;
}
.dijitSplitterV {
	width: 7px;
	border-left:1px;
	border-right:1px;
	cursor: ew-resize;
}
.dijitSplitContainer{
	position: relative;
	overflow: hidden;
	display: block;
}

.dijitSplitPane{
	position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
	position:absolute;
	font-size: 1px;
	cursor: move;
	cursor: w-resize;
	background-color: ThreeDFace;
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
	overflow:hidden;
	position:absolute;
	top:49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
	position:absolute;
	left:49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
	font-size: 1px;
	background-color: ThreeDShadow;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	margin: 0;
}

.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH {
	cursor: w-resize;
}
.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
	cursor: n-resize;
}

.dijit_a11y .dijitSplitterH {
	border-top:1px solid #d3d3d3 !important;
	border-bottom:1px solid #d3d3d3 !important;
}
.dijit_a11y .dijitSplitterV {
	border-left:1px solid #d3d3d3 !important;
	border-right:1px solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}
/* TitlePane */
.dijitTitlePane {
	display: block;
	overflow: hidden;
}

/* Color Palette */

.dijitColorPalette {
	border:1px solid #999;
	background:#fff;
	-moz-border-radius:3pt;
}

img.dijitColorPaletteUnder {
	border-style:none;
	position:absolute;
	left:0;
	top:0;
}
.dijitColorPaletteInner {
	position: relative;
	overflow:hidden;
	outline:0;
}
.dijitPaletteCell {
	width: 20px;
	height: 20px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	outline-width: 0;
}
.dijitPaletteImg {
	width: 16px; /*This is the width of one color in the provided palettes. */
	height: 14px; /* Height of one color in the provided palettes. */
	position: absolute;
	top: 1px;
	left: 1px;
	overflow: hidden;
	cursor: default;
	border:1px solid #999;
	/* -moz-border-radius:2pt; */
}

.dijitPaletteCellHighlight img {
	width: 14px; /*This is the width of one color in the provided palettes. */
	height: 12px; /* Height of one color in the provided palettes. */
	position: absolute;
	top: 1px;
	left: 1px;
	overflow: hidden;
	cursor: default;
	border:2px solid #000;
	outline:1px solid #dedede;
	/* -moz-border-radius:0; */	
}

.dijit_a11y .dijitPaletteCell {
	background-color:transparent !important;
}
.dijit_a11y .dijitPaletteImg {
	background-color:transparent !important;
}

.dijitAccordionContainer {
	border:1px solid #b7b7b7;
	border-top:0 !important;
}

.dijitAccordionTitle {
	cursor: pointer;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
	display: none;
	font-size: 0.65em;
	font-weight: normal !important;
}

.dijit_a11y .dijitAccordionTitle .arrowTextUp {
	display: inline;
}
.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown {
	display: inline;
}

.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp {
	display: none;
}

/* Calendar */

.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td {
	padding: 0;
}

.dijitCalendarNextYear {
	margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
	cursor:pointer;
	vertical-align: middle;
}

.dijitCalendarDisabledDate {
	color:gray !important;
}

.dijitCalendarBodyContainer tbody tr td {
	cursor:pointer;
}

.dijitCalendarPreviousMonthDisabled,
.dijitCalendarCurrentMonthDisabled,
.dijitCalendarNextMonthDisabled {
	cursor:default !important
}

.dijitCalendarDateTemplate,
.dijitCalendarSelectedYear,
.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
	cursor:pointer;
}

.dijitCalendarMonthLabelSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}


/* Menu */

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	margin:1px 0;
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"]{
	border-right:hidden;
}

.dijitMenuItem{
	text-align: left;
	white-space: nowrap;
	padding:.1em .2em;
	cursor:pointer;
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
	/*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
	background-color:black;
	color:white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.3;
	cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	color:gray !important;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	position: relative;
	vertical-align: middle;
}

.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dijit_a11y .dijitMenuItemSelected {
	border: 1px #fff dotted !important;
}

.dijitMenuExpandA11y {
	display: none;
}
.dijit_a11y .dijitMenuExpandA11y {
	display: inline;
}

.dijitMenuSeparator td {
	border: 0;
	padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
	vertical-align: middle;
	visibility:hidden;
}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
	visibility: visible;
}
.dijit_a11y .dijitCheckedMenuItemIconChar {
	display:inline !important;
}
.dijit_a11y .dijitCheckedMenuItemIcon {
	display: none;
}


/* Stack */

.dijitStackController .dijitToggleButtonChecked * {
	cursor: default;	/* because pressing it has no effect */
}

/* Tab */

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
	z-index:10;
	overflow: visible !important;  /* so tabs can cover up border adjacent to container */
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
	z-index:0;
	overflow: hidden;
	border: 1px solid black;
}

.dijitTabContainerTop-tabs {
	border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
	border-top: 0px;
}

.dijitTabContainerLeft-tabs {
	border-right: 1px solid black;
}
.dijitTabContainerLeft-container {
	border-left: 0px;
}

.dijitTabContainerBottom-tabs {
	border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
	border-bottom: 0px;
}

.dijitTabContainerRight-tabs {
	border-left: 1px solid black
}
.dijitTabContainerRight-container {
	border-right: 0px;
}


.dijitTab {
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	z-index:3;
}
.dijitTabChecked {
	cursor: default;	/* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
}
.dijitTabContainerBottom-tabs .dijitTab {
	top: -1px;	/* to overlap border on .dijitTabContainerBottom-tabs */
}
.dijitTabContainerLeft-tabs .dijitTab {
	left: 1px;	/* to overlap border on .dijitTabContainerLeft-tabs */
}
.dijitTabContainerRight-tabs .dijitTab {
	left: -1px;	/* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
	/* Inline-block */
	display:-moz-inline-box;		/* FF2 */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
}

.dijitTabInnerDiv {
	position:relative;
}

/* images off, high-contrast mode styles */
.dijitTab .closeText {
	display:none;
}

.dijit_a11y .closeText {
	display:inline;
	margin: 0px 6px;
}

.dijit_a11y .dijitTab .closeImage {
	display:none;
}

.dijit_a11y .closeButton-hover .closeText {
	border:thin solid;
}
.dijit_a11y .dijitTabChecked {
	border-style:dashed !important;
}

.dijit_a11y .dijitTabInnerDiv {
	border-left:none !important;
 }

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
	/* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

.dijitInlineEditor {
	/* span around an inline-editable value when in edit mode */
	position:relative;
	vertical-align:bottom;
}
.dj_ie .dijitInlineEditor {
	vertical-align:middle;
}

.dijitInlineValue {
	/* span around an inline-editable value when NOT in edit mode */
}

.dijitInlineEditor .dijitButtonContainer {
	/* div around the buttons -- makes them float below the field */
	position:absolute;
	right:0;
	overflow:visible;
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
}

/* Tree */

.dijitTreeRow, .dijitTreeContent {
	white-space: nowrap;
}

.dijitTreeRow img {
	/* make the expando and folder icons line up with the label */
	vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
	display: none;
}

.dijit_a11y .dijitExpandoText {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	cursor: pointer;
}

.dijitTreeLabel {
	margin: 0px 4px;
}

/* Dialog */

.dijitDialog {
	position: absolute;
	z-index: 999;
	padding: 1px;
     overflow: hidden;       /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dj_ff2 .dijitDialog {
     overflow: auto;          /* avoid disappearing cursor problem, see #7408 */
}

.dijitDialogFixed div.dijitDialogTitleBar {
	cursor:default; 
}

.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitInputLayoutContainer,
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}

.dijit_a11y .dijitDialog .closeText {
	display:inline;
}

.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:absolute !important;
	border:8px solid gray;
	width:0;
	height:0;
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	left:-6px;
}

.dijitSliderImageHandleH {
	left:-8px;
	top:-5px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
}

.dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}

.dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}

.dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0%;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0%;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecorationH {
	text-align:center;
}

.dijitSlider .dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dijit_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

/* Toolbar A11y */
.dijit_a11y .dijitButtonContents .dijitButtonText {
	display: inline !important;
}

.dijitTextArea {
	width:100%;
	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
}
.dijitTextArea[cols] {
	width:auto; /* SimpleTextArea cols */
}
.dj_ie .dijitTextAreaCols {
	width:auto;
}
.dijitTextArea > DIV {
	text-decoration:none;
	overflow:auto;
	min-height: 1.40em;
}

.dj_ie .dijitTextArea p {
	margin-top:0;
	margin-bottom:0;
	line-height: normal !important;
}

.dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
	position:absolute;
	/* top:0; */
	top: expression(eval((document.documentElement||document.body).scrollTop));
}

.RichTextEditable {
	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
}

/* TimePicker */

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
	border-bottom:1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
	border-top: none !important;
}

.dijitTimePickerTick {
	color:#CCC;
}

.dijitTimePickerMarker {
	color:black;
	background-color:#CCC;
}

.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}

.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
	cursor:pointer;
}

.dijit_a11y .dijitTimePickerItem {
	border-bottom:1px solid #333;	
}


/* Disable the high contrast character */
.dijitToggleButtonIconChar {
	display:none !important;
}
.dijit_a11y .dijitToggleButtonIconChar {
	display:inline !important;
}

.dijit_a11y .dijitToggleButtonIconChar {
	visibility:hidden;
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	visibility:visible !important;
}

.dijitArrowButtonChar {
	display:none !important;
}
.dijit_a11y .dijitArrowButtonChar {
	display:inline !important;
}
.dijitInputLayoutContainer {
	position: relative;
	overflow: hidden;
}
.dijitSpinnerButtonContainer {
	float: right;
	width: 18px;
	position: relative;
	overflow: hidden;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	height: 50%;
	width: 16px;
	overflow: hidden;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner {
	overflow: hidden;
	line-height: 50%;
}
.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	width: 100%;
}
.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar {
	font-size: 0.4em;
	vertical-align: top;
}
.dijit_a11y .dijitSpinnerButtonContainer {
	width: 0.5em;
	margin-left: 2px;
	overflow: visible;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 1px 0px 0px 1px;
	border-style: solid !important;
}

/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2009.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on August 21 2009. (version: OneUI-2.0.1_20090821-0327)
this file contains layout style adjustments for dojo widgets
companion file to dojoTheme.css
they override/add to the styles in dijit.css*/
/******************************/
/*** D O J O   S T Y L E S ****/
/******************************/

/*** A C T I O N   M E N U S    A N D   T Y P E   A H E A D ***/
/*this is the dojo version of our action menus*/
.dijitMenu{border-width:1px !important;border-style:solid !important;/*need !important because dijitReset comes after dijitMenu in the list of classes*/}
.dijitMenuTable{background-position:left top;background-repeat:repeat-y;}
.dijitMenuItem td{white-space:nowrap;padding:2px 0;}
.dijitMenuItemIcon{width:25px;height:16px;background-position:center center}
.dijitMenuItemLabel{padding-left:5px !important;padding-right:5px !important;}
.dijitMenuSeparatorTop{margin-top:0;border-bottom-width:1px;border-bottom-style:solid}
.dijitMenuSeparatorBottom{margin-bottom:0;border:0;}
/***********************************************************/

/*** C A L E N D A R / D A T E   P I C K E R ***/
.dijitCalendarContainer{border-collapse:collapse;border-width:1px;border-style:solid;width:160px;font-size:1em}
.dijitCalendarContainer thead tr th{text-align:center;padding:1px}
.dijitCalendarContainer tbody tr td{text-align:center;border-width:0;width:12%;}
.dijitCalendarContainer tfoot tr td{text-align:center}
.dijitCalendarContainer .dijitCalendarMonth{font-weight:bold;text-align:center}
.dijitCalendarSelectedDate .dijitCalendarDateLabel{font-weight:bold;}
.dijitCalendarBodyContainer .dayFlagPersonalTask,
.dijitCalendarBodyContainer .dayFlagTeamTask,
.dijitCalendarBodyContainer .dayFlagOverdueTask,
.dijitCalendarBodyContainer .dayFlagTodayTask{border-bottom-width:1px;border-bottom-style:solid;border-right-width:1px;border-right-style:solid;cursor:pointer;cursor:hand;}
.dijitCalendarYearLabel .dijitCalendarPreviousYear, 
.dijitCalendarYearLabel .dijitCalendarSelectedYear,
.dijitCalendarYearLabel .dijitCalendarNextYear{margin-right:4px;margin-left:4px;}
.dijitCalendarYearLabel .dijitCalendarSelectedYear{cursor:default;}
.dijitCalendarContainer .dijitCalendarIncrementControl{width:15px;height:15px;font-size:16px;margin:0 3px;}
.dijitCalendarContainer .dijitCalendarIncrease, .dijitCalendarContainer .dijitCalendarDecrease{cursor:pointer;cursor:hand;}
.dijitCalendarContainer .dijitCalendarIncrease{padding-right:16px;background-repeat:no-repeat;background-position:right 3px;}
.dijitCalendarContainer .dijitCalendarDecrease{padding-left:16px;background-repeat:no-repeat;background-position:left 3px;}
.dijitCalendarIncrease .dijitCalendarIncreaseInner, .dijitCalendarDecrease .dijitCalendarDecreaseInner{display:none;}
.dijitCalendarYearContainer h3.dijitCalendarYearLabel{margin-bottom:0;}
/*show +/- in high contrast mode, and try to align them better in browsers that cooperate*/
.dijit_a11y .dijitCalendarIncrease .dijitCalendarIncreaseInner, .dijit_a11y .dijitCalendarDecrease .dijitCalendarDecreaseInner{display:inline;display:inline-block;margin-top:-8px;}
.dijit_a11y .dijitCalendarDecrease .dijitCalendarDecreaseInner{margin-top:-10px;margin-left:-10px}
/***********************************************************/

/*** D I A L O G ***/
/*see dialog component for additional classes. The dojo dialog is just used as a wrapper for our lotusDialog, which can be used independently of dojo*/
.dijitContentPane{overflow:visible}
/***********************************************************/

/*** D I S A B L E D   E L E M E N T S ***/
.dijitSliderDisabled *, .dijitDisabledClickableRegion, .dijitSpinnerDisabled *, .dijitButtonDisabled *, .dijitDropDownButtonDisabled *, .dijitComboButtonDisabled *, .dijitComboBoxDisabled * {
cursor:not-allowed !important;
}
/***********************************************************/

/*** R I C H   T E X T   E D I T O R ***/
.dijitIEFixedToolbar{position:absolute;top: expression(eval((document.documentElement||document.body).scrollTop));}
.RichTextEditable .dijitEditorIcon{background-repeat:no-repeat;width:18px;height:18px;text-align:center;}
.RichTextEditable .dijitButton,
.RichTextEditable .dijitDropDownButton,
.RichTextEditable .dijitComboButton{margin:0;}
.RichTextEditable .dijitButtonNode{border:0;margin:0;padding:.1em;line-height:normal;cursor:pointer;cursor:hand;vertical-align:middle;text-align:center;}
.RichTextEditable .dijitToolbar{background-position:left top;background-repeat:repeat-x;border-bottom-width:1px;border-bottom-style:solid;}
.RichTextEditable{border-width:1px;border-style:solid;}
.RichTextEditable .dijitButtonNode .dijitArrowButtonInner{width:10px;}
/*to support hover and checked states*/
/*keeps UI from shifting as buttons are rolled over in LTR mode.  Not needed for RTL mode.*/
.RichTextEditable .dijitToolbar .dijitButton,
.RichTextEditable .dijitToolbar .dijitToggleButton, 
.RichTextEditable .dijitToolbar .dijitDropDownButton { margin: 1px; padding: 0px; border:1px solid transparent; }
.RichTextEditable .dijitToolbar .dijitButtonChecked, 
.RichTextEditable .dijitToolbar .dijitToggleButtonChecked {margin:1px !important;padding:0 !important;}
.dj_ie6 .RichTextEditable .dijitToolbar .dijitButton,
.dj_ie6 .RichTextEditable .dijitToolbar .dijitToggleButton, 
.dj_ie6 .RichTextEditable .dijitToolbar .dijitDropDownButton 
{border:0;margin:2px;padding:0px 2px;}

.dj_ie6 .RichTextEditable .dijitToolbar .dijitButtonChecked, 
.dj_ie6 .RichTextEditable .dijitToolbar .dijitToggleButtonChecked{border:1px;margin:1px !important;padding:0px 2px !important;}

.dj_ie6 .RichTextEditable .dijitToolbar .dijitButtonHover,
.dj_ie6 .RichTextEditable .dijitToolbar .dijitToggleButtonHover,
.dj_ie6 .RichTextEditable .dijitToolbar .dijitDropDownButtonHover{margin:1px !important;padding:0px 2px !important;border:1px;}
/***********************************************************/

/*** S L I D E R ***/
.dijitSlider .dijitSliderImageHandle{border:0;background-position:left bottom;background-repeat:no-repeat;width:10px;height:11px;}
.dijitSlider .dijitSliderImageHandleH{top:-3px;}
.dj_ie6 .dijitSlider .dijitSliderImageHandleH{top:-8px}
.dijitSlider .dijitSliderBar{border-style:none;}
.dijit_a11y .dijitSlider .dijitSliderBar{border-bottom-style:solid;border-bottom-width:5px}
.dijitSlider .dijitSliderBumperH{width:2px;}
.dijitSlider .dijitButtonNode{display:none;}
/***********************************************************/

/*** T O O L T I P ***/
.lotusui .dijitTooltipContainer{border-width:1px;border-style:solid;background-position:left top;background-repeat:repeat-x;}
/***********************************************************/

/*** T Y P E   A H E A D ***/
.dijitPopup ul.dijitMenu{margin:0}/*fixes alignment of typeahead*/
/***********************************************************/

/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2009.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on August 21 2009. (version: OneUI-2.0.1_20090821-0327)
this file contains theme style adjustments for dojo widgets
these override/add to the styles in dijit.css
companion file to dojo.css*/
/******************************/
/*** D O J O   S T Y L E S ****/
/******************************/

/*** A C T I O N   M E N U S    A N D   T Y P E   A H E A D ***/
/*this is the dojo version of our action menus*/
.dijitMenu{border-color:#919090 !important;/*need !important because dijitReset comes after dijitMenu in the list of classes*/}
.dijitMenuTable{background-image:url(../images/actionMenuBkgd.png);}
.dijitMenuItemHover{background-color:#2e5a90;color:#fff;}
.dijitMenuSeparatorTop{border-bottom-color:#C0C1C1;}
/*menu icon classes*/
.dijitMenu .lotusCheckmark{background-image:url(../images/checkmark.png);}
/*type ahead styles*/
ul.dijitMenu{border-color:#999 !important}
li.dijitMenuItemHover{background-color:#fefebb;color:#000}

/*[sprite]*/
.lotusSpritesOn .dijitMenu .lotusCheckmark{background-image:url(themeImages/lotusSprite-8bit.png);background-position:4px -1026px}
/*[/sprite]*/

/***********************************************************/

/*** C A L E N D A R / D A T E   P I C K E R ***/
.dijitCalendarContainer{border-color:#ccc;background-color:#fff}
.dijitCalendarContainer thead{background-color:#eee;}
.dijitCalendarPreviousMonth .dijitCalendarDateLabel, .dijitCalendarNextMonth .dijitCalendarDateLabel{color:#ccc;}
.dijitCalendarCurrentMonth .dijitCalendarDateLabel{color:#000;}
.dijitCalendarBodyContainer .dayFlagPersonalTask,
.dijitCalendarBodyContainer .dayFlagTeamTask,
.dijitCalendarBodyContainer .dayFlagOverdueTask,
.dijitCalendarBodyContainer .dayFlagTodayTask{border-bottom-color:#fff;border-right-color:#fff;}
.dijitCalendarBodyContainer .dayFlagPersonalTask{background-color:#c7e1fa;}
.dijitCalendarBodyContainer .dayFlagTeamTask{background-color:#ccffaa;}
.dijitCalendarBodyContainer .dayFlagOverdueTask{background-color:#f99;}
.dijitCalendarBodyContainer .dayFlagTodayTask{background-color:#ffa;}
.dijitCalendarYearLabel{background-color:#eee;}
.dijitCalendarYearLabel .dijitCalendarPreviousYear, .dijitCalendarYearLabel, .dijitCalendarNextYear{color:#105cb6;}
.dijitCalendarYearLabel .dijitCalendarSelectedYear{color:#999;}
.dijitCalendarIncrease{background-color:transparent;background-image:url(../images/calArrowRight.png)}
.dijitCalendarDecrease{background-color:transparent;background-image:url(../images/calArrowLeft.png)}
.dijit_a11y .dijitCalendarIncrease, .dijit_a11y .dijitCalendarDecrease{border-color:#999}/*for an outline, when images are turned off*/
.dijitCalendarContainer .dijitA11ySideArrow{display:none}
/***********************************************************/

/*** D I S A B L E D   E L E M E N T S ***/
.dijitButtonDisabled .dijitButtonNode, .dijitToggleButtonDisabled .dijitButtonNode, .dijitDropDownButtonDisabled .dijitButtonNode, .dijitComboButtonDisabled .dijitButtonNode, .dijitComboBoxDisabled, .dijitSpinnerDisabled, .dijitSpinnerDisabled .dijitButtonNode {
opacity:0.6;
}
/***********************************************************/

/*** I N P U T   F I E L D S ***/
.dijitTextBox, .dijitTextBox input, .dijitComboBox input, .dijitSpinner input{background-color:#fff !important;}
.dijitTextBox,.dijitComboBox,.dijitSpinner{border-color:#A5AEB5;}
/***********************************************************/

/*** R I C H   T E X T   E D I T O R ***/
.dijitToolbar .dijitToolbarSeparator{background-image:url(../images/rteToolbar.png);}
.dijitEditorIcon{background-image:url(../images/rteToolbar.png);}
.dijitEditorIconSep{background-position:0px;}
.dijitEditorIconBackColor{background-position:-18px;}
.dijitEditorIconBold{background-position:-36px;}
.dijitEditorIconCancel{background-position:-54px;}
.dijitEditorIconCopy{background-position:-72px;}
.dijitEditorIconCreateLink{background-position:-90px;}
.dijitEditorIconCut{background-position:-108px;}
.dijitEditorIconDelete{background-position:-126px;}
.dijitEditorIconForeColor{background-position:-144px;}
.dijitEditorIconHiliteColor{background-position:-162px;}
.dijitEditorIconHTML{background-position:-702px;}
.dijitEditorIconIndent{background-position:-180px;}
.dijitEditorIconInsertHorizontalRule{background-position:-198px;}
.dijitEditorIconInsertImage{background-position:-216px;}
.dijitEditorIconInsertOrderedList{background-position:-234px;}
.dijitEditorIconInsertTable{background-position:-252px;}
.dijitEditorIconInsertUnorderedList{background-position:-270px;}
.dijitEditorIconItalic{background-position:-288px;}
.dijitEditorIconJustifyCenter{background-position:-306px;}
.dijitEditorIconJustifyFull{background-position:-324px;}
.dijitEditorIconJustifyLeft{background-position:-342px;}
.dijitEditorIconJustifyRight{background-position:-360px;}
.dijitEditorIconLeftToRight{background-position:-378px;}
.dijitEditorIconListBulletIndent{background-position:-396px;}
.dijitEditorIconListBulletOutdent{background-position:-414px;}
.dijitEditorIconListNumIndent{background-position:-432px;}
.dijitEditorIconListNumOutdent{background-position:-450px;}
.dijitEditorIconOutdent{background-position:-468px;}
.dijitEditorIconPaste{background-position:-486px;}
.dijitEditorIconRedo{background-position:-504px;}
.dijitEditorIconRemoveFormat{background-position:-522px;}
.dijitEditorIconRightToLeft{background-position:-540px;}
.dijitEditorIconSave{background-position:-558px;}
.dijitEditorIconSpace{background-position:-576px;}
.dijitEditorIconStrikethrough{background-position:-594px;}
.dijitEditorIconSubscript{background-position:-612px;}
.dijitEditorIconSuperscript{background-position:-630px;}
.dijitEditorIconUnderline{background-position:-648px;}
.dijitEditorIconUndo{background-position:-666px;}
.dijitEditorIconWikiword{background-position:-684px;}
.dijitEditorIconToggleDir{background-position:-540px;}
.RichTextEditable .dijitButtonNode, .RichTextEditable button{background-color:transparent;}
.RichTextEditable .dijitToolbar{background-image:url(../images/titleBkgd.png);border-bottom-color:#999}
.RichTextEditable{border-color:#999;background-color:#fff}
.RichTextEditable .dijitButtonNode .dijitArrowButtonInner{background-image:url(../images/btnDropDown.png);}
/*to support hover and checked states*/
.RichTextEditable .dijitToolbar .dijitButtonHover,
.RichTextEditable .dijitToolbar .dijitToggleButtonHover,
.RichTextEditable .dijitToolbar .dijitDropDownButtonHover{background-color:#abc1e5; border:1px solid #316ac5}
.RichTextEditable .dijitToolbar .dijitButtonChecked, 
.RichTextEditable .dijitToolbar .dijitToggleButtonChecked{background-color:#D4DFF2;border:1px solid #316AC5;}
/*[sprite]*/
.lotusSpritesOn .RichTextEditable .dijitToolbar{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px}
/*[/sprite]*/
/***********************************************************/


/*** S L I D E R ***/
.dijit_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle{background-image:url(../images/tagSliderHandle.png)}
.dijitSliderProgressBar{background-color:#8bbce8;}
.dijitSliderRemainingBar{background-color:#e3e3e3;}
.dijitSliderBottomBumper, .dijitSliderLeftBumper{background-color:#a5c0ec;}
/***********************************************************/

/*** T O O L T I P ***/
.dijitTooltipContainer{border-color:#c5c5c5;background-color:#f0f0f0;background-image:url(../images/accentBkgd.png)}
/*[sprite]*/
.lotusSpritesOn .dijitTooltipContainer{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -450px}
/*[/sprite]*/
/***********************************************************/