/* Copyright IBM Corp. 2006, 2008  All Rights Reserved.              */

/*reset styles, to get rid of browser-specific styling of elements*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
:focus{outline:0;}
body{font:normal .75em/1.5em Arial, Helvetica, sans-serif;background-repeat:repeat-x}
/*ol, ul{list-style:none;}*/
ul{list-style-type:disc;margin-top:5px;}
ol{list-style-type:decimal;margin-top:5px;/*padding keeps the numbers from being cut off*/}
input, select{font-size:inherit;font-family:inherit}
caption, th, td{font-weight:normal;}

blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

dt{padding:3px 10px;font-size:1.1em}
dd{padding:5px 10px}

/*the following headers are used to give heirarchy to the page*/
h1, h2, h3, h4, h5, h6{}
h1{font-size:1.7em;font-weight:normal;line-height:1.2em}/*page header*/
h2{font-size:1.2em;font-weight:bold}/*section headers*/
h3{font-size:1.1em;font-weight:bold}/*subsection headers*/
h4{font-size:1.1em;font-weight:bold}/*entry titles*/	
h5{font-size:1.1em;font-weight:bold}/*entry details sections*/
h6{font-size:1em}
img{border:0;vertical-align:middle}
pre{font-family:"Courier New", Courier, monospace;}
/*internal link (default link style)*/
a:link, a:visited{text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:underline;}
strong{font-weight:bold}
/***********************************************************/

/*link default styles*/
/*tag*/
.lotusRelatedTags a{background-repeat:no-repeat;}
/*link hover styles*/
.lotusTags a:hover, .lotusTags a:focus, a.lotusTag:hover, a.lotusTag:focus, a.lotusPerson:hover, a.lotusPerson:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted}
.lotusTagBin {margin-top:10px;}
a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;}
/*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;}
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{background-repeat:no-repeat;}
.lotusIcon a{background-repeat:no-repeat}

/*general styles*/
.lotusAccess{position:absolute;width:500px;}
.lotusIndent10{}
.lotusIndent15{}
.lotusIndent20{}
.lotusIndent40{}
.lotusIndent60{}
.lotusLeft{}
.lotusRight{}
.lotusCenter{text-align:center;}
.lotusClear{clear:both}
.lotusClearLeft{}
.lotusClearRight{}
.lotusAlignRight{}
.lotusAlignLeft{}
.lotusHidden{display:none} /*hides from visual UI but not from screen readers*/
.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)*/
.lotusTiny{font-size:.9em}
.lotusNowrap{white-space:nowrap}

/*general list styles*/
.lotusInlinelist{margin:0;padding:0}
.lotusInlinelist li{display:inline;margin:0;padding:0 7px;}
.lotusInlinelist li.lotusFirst, .lotusInlinelist li.lotusLast{}
.lotusNoDivider li{}

/*** S T R U C T U R E ***/
#lotusFrame, .lotusFrame{margin:0 auto;padding:0;min-width:990px;}
#lotusTitleBar, #lotusPlaceBar, .lotusTitleBar, .lotusPlaceBar{margin:0 20px}
#lotusMain, #lotusFooter, .lotusMain, .lotusFooter{border-style:solid;clear:both;margin:0 20px 10px 20px;overflow:hidden}
#lotusMain, .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; background-repeat:no-repeat}
#lotusColLeft, .lotusColLeft{width:180px;padding:20px 10px 10px 10px;}
#lotusColRight, .lotusColRight{width:180px;padding:15px 10px;font-size:.9em}
#lotusColRight h2, .lotusColRight h2{}
#lotusColLeft .lotusFirst, #lotusColRight .lotusFirst, .lotusColLeft .lotusFirst, .lotusColRight .lotusFirst{margin-top:0;}
#lotusContent, .lotusContent{padding:16px 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*/}
.lotusContentColOne{width:45%;}
.lotusContentColTwo{width:45%;}
/***********************************************************/

/*** C S S   S P R I T E S ***/
/*these refer to one graphic file that contains many individual graphics*/
/*individual graphics are positioned using CSS*/
/*individual sprites are located in the themes files*/
.lotusSprite{display:block;}
.lotusArrow{width:13px;height:18px;}
.lotusDropDownSprite, .lotusDropDownActionSprite{padding:1px;display:inline;float:none;text-decoration:none}
.lotusStatus .lotusArrow{width:11px;height:16px;}
#lotusColLeft .lotusArrow, .lotusColLeft .lotusArrow{width:11px;height:16px}
.lotusViewControl{padding:1px;border-width:1px;border-style:solid;display:table;background-repeat:repeat-x}
.lotusView{margin:0;padding:0;width:20px;height:20px;}
/***********************************************************/

/*** 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:3px !important;position:relative;width:100%}
.lotusActionBar2{margin-top:-25px;margin-bottom:3px !important;position:relative;width:100%}
/***********************************************************/

/*** A C T I O N   M E N U ***/
ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;border-width:1px;border-style:solid;width:15em;background-repeat:repeat-y}
.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, .lotusActionMenu a:visited{text-decoration:none;display:block;background-position:3px center;background-repeat:no-repeat}
/***********************************************************/

/*** B A N N E R ***/
#lotusBanner, .lotusBanner{overflow:hidden}
#lotusBanner #lotusLogo, .lotusBanner .lotusLogo{}
#lotusBanner ul, .lotusBanner ul{margin-top:3px;}		
#lotusBanner ul.lotusLinks, .lotusBanner ul.lotusLinks{}
#lotusBanner ul li, .lotusBanner ul li{padding:0 5px;}
#lotusBanner ul.lotusLinks li.lotusSelected, .lotusBanner ul.lotusLinks li.lotusSelected{padding:3px 5px}
#lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{font-weight:bold;}
#lotusBanner ul li a, #lotusBanner ul li span.lotusUser, .lotusBanner ul li a, .lotusBanner ul li span.lotusUser{padding:3px 8px;}
#lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{text-decoration:none}
/***********************************************************/

/*** B R E A D C R U M B S ***/
.lotusBreadcrumbs{margin:0}
.lotusBreadcrumbs .lotusDivider{padding:0 3px;background-repeat:no-repeat}
.lotusBreadcrumbs .lotusDivider:hover, .lotusBreadcrumbs .lotusDivider:focus, .lotusBreadcrumbs .lotusDivider:active{text-decoration:none}
/***********************************************************/

/*** B U T T O N S ***/
/*button in left column, set width*/
.lotusButton{margin-bottom:10px;width:174px;border-width:1px;border-style:solid;text-align:center;}
.lotusButton a{padding:7px 0;display:block;border-width:0 1px 1px 1px;border-style:solid;background-repeat:repeat-x;text-decoration:none;cursor:pointer;font-size:1.3em;font-weight:bold}
/*action buttons - green and gray*/
/*these use a display of table so they are only as wide as the text they contain (plus padding)*/
.lotusBtnContainer{margin-bottom:0;padding-bottom:0;white-space:nowrap;}
span.lotusBtn{border-width:1px;border-style:solid;display:table;text-align:center}
span.lotusBtn a{padding:1px 10px 2px 10px;display:block;border-width:1px 0 0 0;border-style:solid;background-repeat:repeat-x;text-decoration:none;white-space:nowrap;font-size:.9em;font-weight:bold}
input.lotusBtn{padding:1px 10px 2px 10px;border-width:1px;border-style:solid;background-repeat:repeat-x;text-decoration:none;white-space:nowrap;font-size:.9em;font-weight:bold}
.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*/

span.lotusBtnAction a, span.lotusBtnSpecial a{border-width:0 1px 1px 1px;}/*the lotusBtnAction class is an additional class on the lotusBtn span for the green buttons*/
.lotusButton a:hover, .lotusButton a:focus, span.lotusBtn a:hover, span.lotusBtn a:focus{text-decoration:none;}	
/***********************************************************/

/*** C A P T I O N ***/
.lotusCaption{margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;}
.lotusCaption .lotusMeta{font-size:.9em}
/***********************************************************/

/*** C O M M E N T ***/
/*some somersaults to get the comment "points" to work.  The margin top will only be picked up by the first comment.  The rest of the comments are spaced by the bottom relative margin in the comment body - which contains the height of the header plus additional spacing*/
.lotusComment{position:relative;padding:0 0 0 10px;}
.lotusCommentHeader{padding-bottom:3px;position:absolute;top:0;z-index:1;height:1.5em;background-repeat:no-repeat;}
.lotusCommentBody{position:relative;top:1.6em;padding:5px 10px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px}
/* Comments that appear with small picture */
.lotusCommentPic {margin-top:10px;}
.lotusCommentPic .lotusCommentHeader {padding-bottom:10px;}
.lotusCommentPic .lotusCommentBody {top:2.2em;}
/*lotusDiscussion is for discussion forums, which treat comments differently*/
.lotusDiscussion .lotusComment{position:relative;padding:0}
.lotusDiscussion .lotusFlatComment{margin:10px 0 1px -25px}
.lotusDiscussion .lotusCommentHeader{position:static;margin:0;padding:4px 4px 3px 4px;height:auto;overflow:hidden;}
.lotusDiscussion .lotusCommentHeader img{}
.lotusDiscussion .lotusCommentArrow{margin-top:5px}
.lotusDiscussion .lotusCommentBody{margin:0;position:static;-moz-border-radius:0;-webkit-border-radius:0;} 
.lotusDiscussion .lotusFlatComment .lotusCommentBody{}
/*lotusComments in the person card contains status information for the person*/
.lotusPersonDetails .lotusComment{position:relative;}
.lotusPersonDetails .lotusCommentHeader{padding-bottom:3px;position:absolute;top:0;z-index:1;height:1.6em;background-repeat:no-repeat;}
.lotusPersonDetails .lotusCommentBody{margin:-1px 0 2.2em 0;padding:5px 10px;position:relative;top:1.7em;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}
/***********************************************************/

/*** F O O T E R **/
#lotusFooter, .lotusFooter{border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:.9em}
#lotusFooter p, .lotusFooter p{line-height:1.3em}
#lotusFooter ul, .lotusFooter ul{margin:0;padding:0;list-style-type:none}
#lotusFooter li, .lotusFooter li{line-height:1.2em;padding:.3em 0}
#lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td{border-style:solid}
#lotusFooter th.lotusLast, #lotusFooter td.lotusLast, .lotusFooter th.lotusLast, .lotusFooter td.lotusLast{border-width:0}
#lotusFooter th, .lotusFooter th{width:20%;font-weight:bold;font-size:1.1em}
#lotusFooter td, .lotusFooter td{}

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

/*** F O R M S ***/
.lotusForm h2 {font-size:1.3em;}
.lotusForm td.lotusFormFieldRow {padding-bottom:10px}
.lotusTable .lotusForm td {border-width:0 !important}
.lotusForm td.lotusFormLabel {}
.lotusForm td label{font-weight:bold;}
.lotusText {width:99%;}
.lotusForm textarea {margin-bottom:7px;}
.lotusFormErrorSummary div {}
.lotusFormErrorSummary ul {list-style-type:disc;/*list-style-position:inside;*/}
.lotusFormError, .lotusFormRequired {font-weight:bold;}
td.lotusFormRequired {padding-bottom: 0px !important;}
.lotusFormTable {width:100%;}
.lotusFormSection {padding:5px 0px 0px 0px;}
/* button elements */
input.lotusFormButton {color:white;font-weight:bold;height:2.3em;padding:0px 7px;}
.lotusDashboardSearch input.lotusFormButton {margin-top:20px;}
/***********************************************************/

/*** 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}
div.lotusHeader{margin-bottom:15px}/*this is for a simple header, not in a table layout, to adjust the bottom margin*/
.lotusHeader img{}
.lotusHeader .lotusDetails img, .lotusHeader .lotusBtnContainer img{} /*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}
.lotusFilters{margin-top:5px;line-height:1.8em;}
.lotusFilters a{padding:2px 3px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration:none}
.lotusFilters .lotusClose{padding:0 4px}
/***********************************************************/

/*** 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}
.lotusInfoBox h3, .portlet-msg h3{margin:5px 0 15px 0;padding:0 0 0 5px;overflow:hidden}
.lotusInfoBox h3 img, .portlet-msg h3 img{margin:5px 5px 0 0;border-width:1px;border-style:solid}
.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-top:5px;}
.lotusInfoBox .lotusInlinelist, .portlet-msg .lotusInlinelist{padding-bottom:5px;}
.lotusInfoBox .lotusInlinelist li, .portlet-msg lotusInlinelist li{padding-bottom5px;}
.lotusHelp{position:absolute;width:200px;top:0;padding:4px;}
.lotusHelp .lotusInfoBox{margin:0;border-width:1px;border-style:solid;-moz-border-radius:0;-webkit-border-radius:0;background-repeat:repeat-x;}
.lotusHelp h3{}
.lotusMedium{width:300px}
/***********************************************************/

/*** 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 li {margin:1px 0;padding:3px 2px 3px 2px;clear:both;}
ul.lotusEditable li{overflow:hidden} /*use this class in combination with list class*/
.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{}
ul.lotusList div p{margin-top:3px}/*second line of data*/

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

/*** M E N U ***/
.lotusMenu, .portlet-menu{margin:0 0 15px 0;padding-top:5px;width:178px;background-repeat:no-repeat;}
.lotusMenu .lotusBottomCorner, .portlet-menu .lotusBottomCorner{padding-bottom:5px;background-repeat:no-repeat;}
.lotusMenu .lotusInner, .portlet-menu .lotusInner{background-repeat:repeat-y;overflow:hidden}
.lotusMenu .lotusMenuSection{overflow:hidden;margin:0 0 3px 0;padding-bottom:5px;border-bottom-width:1px;border-bottom-style:solid;}
.lotusMenu .lotusMenuSubsection{}
.lotusMenu h2, .portlet-menu h2{padding:0;font-size:1em}
.lotusMenu h3, .portlet-menu h3{margin:0 5px 0 5px;}/*not sure we are still using this*/
.lotusMenu .lotusMenuSubsection h3{}
.lotusMenu h3.selected, .portlet-menu h3.selected{border-width:1px;border-style:solid;}
.lotusMenu h3 a{}
.lotusMenu ul, .portlet-menu ul{margin:0;padding:0;list-style-type:none;}
.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 13px;display:block;text-decoration:none;font-weight:normal;line-height:1.0em}
.lotusMenu ul.lotusIcons img{vertical-align:text-bottom}
.lotusMenu ul.lotusIcons a{}
.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 3px 5px;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;}
/***********************************************************/

/*** M E S S A G E S ***/
.lotusMessage{padding:7px 5px 5px 5px;margin-bottom:5px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusMessage img {vertical-align:top;margin:0 5px 0 10px;}
/***********************************************************/

/*** P A G I N G***/
.lotusPaging{margin-top:.2em;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;}
.lotusPaging div{}
.lotusPaging .lotusInlinelist li{padding:0 6px;}
.lotusPaging .lotusInlinelist li.lotusLast{}
/***********************************************************/

/*** P L A C E   B A R 	***/
#lotusPlaceBar, .lotusPlaceBar{height:3em;position:relative;border-width:0 1px 1px 1px;border-style:solid;overflow:hidden;background-repeat:repeat-x;}
#lotusPlaceBar h2, .lotusPlaceBar h2{font-size:1.4em;line-height:2em;width:500px;font-weight:normal}
#lotusPlaceBar .lotusBtnContainer, .lotusPlaceBar .lotusBtnContainer{}
/***********************************************************/

/*** S E A R C H ***/
.lotusSearch{}
.lotusSearch input{vertical-align:middle;}
.lotusSearch .lotusSearchButton{border-width:1px;border-style:solid;}
.lotusSearch .lotusText{margin:0 1px;padding:3px 5px 4px 5px;width:11em;border-width:1px;border-style:solid;}
/***********************************************************/

/*** S E A R C H   T A B ***/
/*this must be inside a relatively positioned div - override default positioning in the code, if necessary*/
.lotusSearchTab{position:absolute;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{display:block;background-repeat:no-repeat;text-decoration:none;font-weight:bold}
.lotusSearchForm{margin:0;padding:12px 10px;position:absolute;top:2.3em;display:none;z-index:0;border-width:1px;border-style:solid;-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}
.lotusSearchForm input, #lotusSearchForm select{vertical-align:middle;}
/***********************************************************/

/*S E C T I O N */
.lotusSection, .portlet-section{margin:15px 0 0 0;padding:2px 0 5px 0;clear:both}
.lotusSection div.lotusChunk, .lotusSection div.lotusSubsection{margin:5px 0 0 0;clear:both;}
div.lotusSubsection div.lotusChunk{margin:0}
#lotusContent .lotusSection h2, 
.lotusContent .lotusSection h2{padding-top:5px;padding-bottom:5px;border-top-width:1px;border-top-style:solid;margin-bottom:5px}/*section header and subheader, center column*/
.lotusSection div.lotusLast, .portlet-section div.lotusLast{margin-bottom:0}/*gets rid of extra bottom margin on the last "subsection"*/
/*section adjustments for the left column*/
#lotusColLeft .lotusSection, 
.lotusColLeft .lotusSection{border-bottom-width:1px;border-bottom-style:solid;padding-bottom:10px}
#lotusColLeft .lotusSubsection div.lotusChunk, 
.lotusColLeft .lotusSubsection div.lotusChunk{margin:5px 0 0 0}
#lotusColLeft .lotusSection .lotusList{margin:0 -4px} /*allows selection to extend to the left and right of the list items*/
#lotusColLeft .lotusSection .lotusList, #lotusColLeft .lotusSection .lotusInlinelist, #lotusColLeft .lotusSection .lotusTags, 
.lotusColLeft .lotusSection .lotusList, .lotusColLeft .lotusSection .lotusInlinelist, .lotusColLeft .lotusSection .lotusTags{font-size:.9em}
#lotusColLeft .lotusSection .lotusList li{padding-left:5px;padding-right:5px}
#lotusColLeft .lotusSection input.lotusText, .lotusColLeft .lotusSection input.lotusText{line-height:1em;width:137px;}
#lotusColLeft .lotusSection, #lotusColLeft .lotusSection input, .lotusColLeft .lotusSection, .lotusColLeft .lotusSection input{font-size:1em;line-height:1.2em}
#lotusColLeft .lotusSection h2, #lotusColLeft .lotusSection h3, 
.lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h3{margin:0;padding:0 0 2px 0;clear:both;overflow:hidden;line-height:1.2em;}
#lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h2{font-size:1.1em}
#lotusColLeft .lotusSection .lotusBtn, 
.lotusColLeft .lotusSection .lotusBtn{width:99%}
#lotusColLeft .lotusSection .lotusBtn a, 
.lotusColLeft .lotusSection .lotusBtn a{padding:4px 0}
#lotusColLeft .lotusSection div.lotusLast, 
.lotusColLeft .lotusSection div.lotusLast{border-bottom-width:0} /*.section div.last is for the last subsection*/

/*section adjustments for the right column*/
#lotusColRight .lotusSection, .lotusColRight .lotusSection{font-size:1em;line-height:1.4em}
#lotusColRight .lotusSection h2, #lotusColRight .lotusSection h3, 
.lotusColRight .lotusSection h2, .lotusColRight .lotusSection h3{padding:4px 10px}
#lotusColRight .lotusSection h2, .lotusColRight .lotusSection h2{font-size:1.1em}

#lotusColLeft .lotusInlinelist li, #lotusColRight .lotusInlinelist li, 
.lotusColLeft .lotusInlinelist li, .lotusColRight .lotusInlinelist li{padding:0 4px}

/*draggable sections*/
.lotusDraggableSection{margin-top:5px;padding-bottom:0}
.lotusDraggableSection h2{cursor:move/*tbd*/}
/****************************************************************/

/*** S O R T ***/
.lotusSort{margin:3px 10px;font-size:.9em}
.lotusSort .lotusInlinelist li{padding:0 5px}
.lotusSort a{padding:2px 0;background-position:96% center;background-repeat:no-repeat;}
a.lotusActiveSort:hover, a.lotusActiveSort:focus, a.lotusActiveSort:active{text-decoration:none}
.lotusSort a.lotusMoreSorts:hover, .lotusSort a.lotusMoreSorts:focus, .lotusSort a.lotusMoreSorts:active{text-decoration:none}
/****************************************************************/

/*** S T A T U S ***/
.lotusStatus{margin-bottom:10px;margin-top:0;}
#lotusContent .lotusStatus h2, .lotusContent .lotusStatus h2{margin-bottom:0;padding-top:4px;border-top-style:none;font-size:1em;}
.lotusStatus div{padding-top:1px;padding-bottom:1px;border-bottom-style:solid;border-bottom-width:1px;}
.lotusStatus div em{font-style:italic;font-size:.9em;}
.lotusStatus .last{border-bottom-style:none;}
/****************************************************************/

/*** 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;} /*default alignment*/
table.lotusLayout td.lotusvAlignMid{vertical-align:middle}
/*used for presenting information in a vertical format*/
.lotusVertTable th, .lotusVertTable td{padding:2px}
/*entry/data table*/
.lotusTable{width:100%;}
.lotusTable th, .lotusTable td{padding:5px 2px 5px 2px;vertical-align:top;}
.lotusTable .lotusSummary td{padding:5px 2px 0 2px}
.lotusTable .lotusDetails td, .lotusTable .lotusMore td{padding:0 2px 5px 2px}
.lotusTable td{border-top-width:1px;border-top-style:solid}
.lotusTable .lotusDetails td, .lotusTable .lotusFirst td, .lotusTable .lotusMore td{border-top-width:0}
.lotusTable div.lotusChunk{margin:7px 0;clear:none}
.lotusTable .lotusSS{font-size:.9em;white-space:nowrap;width:30px}
/*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;}
/*lotusDiscussion is for discussion forums, which treat comments differently*/
/*you need to make sure that your details row only uses one table cell, which spans all columns of the row above, so borders will work properly*/
.lotusDiscussion .lotusSummary td{padding-bottom:2px;border-top-width:5px;border-top-style:solid}/*this is to separate the individual entries, now that they have a blue background on the summary row.  You need to assign the lotusSummary class to all the first rows in the discussion table if there is more than one entry displayed.*/
.lotusDiscussion .lotusTable .lotusDetails td{border-style:solid;border-width:1px;}
.lotusTable .lotusTags{margin:3px 0;background-repeat:no-repeat;}
.lotusTable .lotusFirstCell input{margin:3px 0 0 0}
.lotusInfoTable{margin:0 0 5px 0;padding:5px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden}
.lotusInfoTable h2{position:relative}
.lotusInfoTable .lotusClose{position:absolute;top:0;border-width:1px;border-style:solid}

/*** 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;}
ul.lotusTabs, .portlet-tab{margin:0;padding:0;position:absolute;bottom:-1px;overflow:hidden;list-style:none;}
.lotusTabs li, .portlet-tab li{border-width:0 0 1px 0;border-style:solid;background-repeat:no-repeat;}
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{display:block;background-repeat:no-repeat;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{background-repeat:no-repeat;}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{background-repeat:no-repeat;}

/*** T A G   C L O U D ***/
.lotusTagCloud ul{margin:0;padding:0}
.lotusTagCloud li{display:inline}
.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%;}

.lotusAllTagsPopup{position:absolute;top:165px;border:2px solid #669ce2;width:600px;background-color:#fff}
.lotusAllTagsPopup p{font-weight:bold}
.lotusAllTagsPopup .lotusTagCloud{margin:10px 0}
.lotusAllTagsPopup .lotusClose{border-width:1px;border-style:solid}
.lotusAllTagsPopup .lotusClose a{padding:1px 3px}
/***********************************************************/

/*** T I T L E   B A R ***/
#lotusTitleBar, .lotusTitleBar{height:3.5em;position:relative;border-bottom-width:1px;border-bottom-style:solid;background-repeat:repeat-x;}
#lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner{background-repeat:no-repeat;height:3.5em;}
#lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner{background-repeat:no-repeat;height:3.5em;}
#lotusTitleBar h2, .lotusTitleBar h2{font-size:1.5em;line-height:2em;letter-spacing:0;width:200px;font-weight:normal}
#lotusTitleBar .lotusTabs, #lotusTitleBar .portlet-tab, 
.lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{}
#lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusTabs li{}
#lotusTitleBar .lotusSearch, .lotusTitleBar .lotusSearch{position:absolute;top:.8em;} 
#lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited, 
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{display:block;text-decoration:none;line-height:1em;background-repeat:no-repeat;font-weight:bold;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*/
/***********************************************************/

/*** 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{padding:0;list-style-type:none;}
.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 input{padding:0}
/*this is a specific type of tree*/
.lotusOrgChart li{padding:2px 0}
.lotusOrgChart li a{margin:0;background-repeat:no-repeat;}
.lotusOrgChart .lotusBottom{background-repeat:no-repeat;}
.lotusOrgChartTop, .lotusOrgChartMiddle, .lotusOrgChartBottom{background-repeat:no-repeat;}
/***********************************************************/

/*** V C A R D (P E R S O N   C A R D)***/
.lotusVCard{display:table;position:absolute;top:0;width:400px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusVCard .lotusContainer{display:table;width:400px;position:relative;top:-4px;border-width:1px;border-style:solid;}
/*lotusAppLinks are the application links at the top of the card*/
.lotusVCard .lotusAppLinks td{background-repeat:repeat-x;border-style:solid;text-align:center}
.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;background-repeat:no-repeat;}
.lotusVCard .lotusMore:hover, .lotusVCard .lotusMore:focus{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;}
/*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;top:auto;border-width:0;display:none;width:auto;margin-top:-10px}
/***********************************************************/

/*** V C A R D   H O V E R ***/
.lotusVCardHover{position:absolute;top:0;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}
/***********************************************************/

/*** S P E C I A L   S C R E E N S ***/
/*about*/
.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;}
.lotusAboutBox{position:relative;background-repeat:repeat-x;overflow:hidden;height:17em;}
.lotusAboutBox img{position:absolute;top:22px;}
.lotusAboutText{}
.lotusAbout p{margin:5px 0}
.lotusAbout #lotusColRight{font-size:1.0em}
/*section adjustments for the right column*/
#lotusColRight .lotusSection .lotusInfoBox h2, #lotusColRight .lotusSection .lotusInfoBox  h3, 
.lotusColRight .lotusSection .lotusInfoBox h2, .lotusColRight .lotusSection .lotusInfoBox h3{padding:0px 5px}

/*login*/
/*this can appear on a plain connections page (gradient background only), or launched in a separate window*/
.lotusLoginBox{width:619px;margin:20px auto;padding:0;background-repeat:no-repeat;border-width:1px;border-style:solid}
.lotusLoginContent{position:relative;padding:20px}
.lotusLoginContent img{position:absolute;top:130px;}
.lotusLoginForm{background-position:30px 20px;background-repeat:no-repeat}
.lotusLogin h1{margin:0px;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 .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusLoginForm div{width:auto;clear:none;margin:0;padding:0;}
.lotusLoginForm label{padding-top:0;display:block;float:none;font-weight:normal;}
.lotusDescription{}
.lotusDescription h2{margin-bottom:3px;}

/*these are found on the login and about pages - IBM logo and legal statement*/
.lotusLegal{margin:15px 25px 10px 25px;min-height:37px}
.lotusLegal .lotusLicense{background-repeat:no-repeat;margin-bottom:10px}
.lotusLegal p{margin:0;font-size:0.8em;line-height:1.2em}

/*metrics*/
.lotusMetrics dt{margin-top:20px}

/*tools*/
/* Dogear this button */
a.lotusBookmarkButton{display:block;text-decoration:none;cursor:pointer;font-size:1.1em;background-repeat:no-repeat}
.lotusToolBMText{margin-top:5px;font-weight:bold; font-size:1.2em; line-height:1.0em; overflow:hidden;}
.lotusToolBMImage{margin-top:5px;width:120px;background-repeat:no-repeat}
/**  Dogear this button Firefox **/
a.lotusFFBookmarkButton{padding:2px;text-decoration:none;cursor:pointer;font-size:1.1em;border-width:1px;border-style:solid;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.lotusFFBookmarkButton:hover{text-decoration:underline;}
a.lotusFFBookmarkButton img{margin-top:-5px;}
.lotusFFToolBMText{margin-top:5px;font-weight:bold;font-size:1.2em;line-height:1.0em;}
.lotusToolHeader{clear:both; font-weight:normal;}

/*welcome*/
.lotusWelcome .lotusForm{margin:15px 0}
.lotusWelcome input.lotusBtnSpecial{padding:1px 2px;background-repeat:repeat-x;border-width:1px;border-style:solid;font-size:.9em;font-weight:bold}
.lotusWelcome input.lotusCheckbox{margin:0}
.lotusWelcome input.lotusText{width:225px}
.lotusWelcomeBox{padding:20px;position:relative;background-repeat:repeat-x;overflow:hidden;}
.lotusWelcomeBox h2{font-size:2.4em;font-weight:normal;line-height:1em;}
.lotusWelcomeBox .lotusBtnContainer{margin:15px 0}
.lotusWelcomeBox ul{list-style-position:outside;}
.lotusWelcomeBox img{position:absolute;top:16px;}
.lotusWelcomeBox .lotusClose{position:absolute;top:10px;border-width:1px;border-style:solid}
.lotusWelcomeBox .lotusClose img{position:static}
/***********************************************************/

/***added by Chris S for dashboard 10/18/07, this is still being worked on***/
.lotusDashboard #lotusMain{background-repeat:repeat-y}
.lotusDashboard #lotusColRight{width:160px;}
.lotusDashboard #lotusColRight h2{text-transform:uppercase;font-size:.9em}
#lotusContent .lotusColOne, #lotusContent .lotusColTwo, 
.lotusContent .lotusColOne, .lotusContent .lotusColTwo{width:50%;}

.lotusWidget{border-width:2px;border-style:solid;}
.lotusWidget h2{padding:3px 5px;overflow:hidden;cursor:move}
.lotusWidget h2 img{margin:3px}
.lotusWidget h2 .lotusDivider{margin-top:-2px}
.lotusWidget h3{overflow:hidden;border-bottom:1px solid;}
.lotusWidgetBody{clear:both;padding:3px}
.lotusWidgetBody .lotusSection {margin-top:0px;}
.lotusWidgetButtons{margin:5px;padding:0;list-style-type:none}
.lotusWidgetButtons li{background-repeat:repeat-x;border-width:1px;border-style:solid;padding:3px 0 0 0;margin:1px 0}
.lotusWidgetButtons div{background-position:5px 0;background-repeat:no-repeat;display:block;text-decoration:none;cursor:move;line-height:1em}
.lotusWidgetButtons .lotusTitle{font-size:1.2em;line-height:1.2em;display:block;font-weight:bold;}
.lotusWidgetFooter img{vertical-align:top}
.lotusWidgetSearch {padding:5px 10px 0 10px}

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