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

body{background-position:top left;}
ul{margin-left:20px;padding-left:0}
ol{margin-left:20px;padding-left:.2em;}
caption, th, td{text-align:left;}

dt{margin:10px 0 0 0;}

/*tag*/
.lotusRelatedTags a{background-position:left center;padding-left:10px}

a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{padding-right:14px;background-position:right center;}
.lotusIcon a{padding-left:18px;background-position:left center;}

/*general styles*/
.lotusAccess{left:-3000px;}
.lotusIndent10{padding-left:10px;}
.lotusIndent15{padding-left:15px;}
.lotusIndent20{padding-left:20px}
.lotusIndent40{padding-left:40px;}
.lotusIndent60{padding-left:60px;}
.lotusLeft{float:left;text-align:left;}
.lotusRight{float:right;text-align:right;}
.lotusClearLeft{clear:left}
.lotusClearRight{clear:right}
.lotusAlignRight{text-align:right;}
.lotusAlignLeft{text-align:left;}

/*general list styles*/
.lotusInlinelist li{border-left-width:1px;border-left-style:solid}
.lotusInlinelist li.lotusFirst, .lotusInlinelist li.lotusLast{padding-left:0;border-left-width:0;}
.lotusNoDivider li{border-left-width:0}

/***structure ***/
#lotusMain, .lotusMain{background-position:top left;}
#lotusColLeft, .lotusColLeft{float:left;}
#lotusColRight, .lotusColRight{float:right;}
#lotusColRight h2, .lotusColRight h2{padding-left:10px}
.lotusContentColOne{float:left;margin:10px 0 10px 10px;padding-right:10px;}
.lotusContentColTwo{float:left;margin:10px 10px 10px 0;text-align:left;}

/*** C S S   S P R I T E S ***/
.lotusSprite{float:left;}
.lotusArrow{margin-right:2px;}
.lotusDropDownSprite, .lotusDropDownActionSprite{margin-right:0;}
.lotusStatus .lotusArrow{margin-right:3px;}
.lotusViewControl{background-position:left center;}

/*** 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{float:left;}
.lotusActionBar2{float:left;}
/***********************************************************/

/*** A C T I O N   M E N U ***/
ul.lotusActionMenu{left:-9999px;background-position:top left;}
.lotusActionMenu a, .lotusActionMenu a:visited{padding:3px 3px 5px 25px;}

/*** B A N N E R ***/
#lotusBanner, .lotusBanner{padding:5px 15px 4px 30px;text-align:right;}
#lotusBanner #lotusLogo, .lotusBanner .lotusLogo{float:left;}
#lotusBanner ul, .lotusBanner ul{float:right;}		
#lotusBanner ul.lotusLinks, .lotusBanner ul.lotusLinks{padding-left:20px;float:left;}

/*** B R E A D C R U M B S ***/
.lotusBreadcrumbs .lotusDivider{background-position:left center;}

/*** B U T T O N S ***/
/*button in left column, set width*/
.lotusButton a{background-position:center left;}
span.lotusBtn{margin-right:5px;}
span.lotusBtn a{background-position:center left;}
input.lotusBtn{background-position:center left;}

/*** 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{margin:0 0 2px -10px;padding:0 0 0 10px;}
.lotusCommentHeader{padding-left:15px;left:16px;background-position:left bottom;}
.lotusCommentBody{margin:0 10px 2em 0;}
.lotusDiscussion .lotusComment{margin:10px 0 10px -15px;}
.lotusDiscussion .lotusFlatComment{margin:10px 0 1px -25px}
.lotusDiscussion .lotusCommentHeader img{margin-right:5px}

.lotusDiscussion .lotusCommentArrow{float:right;}
.lotusDiscussion .lotusCommentBody{padding:0 0 0 30px;border-right-width:0} 
.lotusDiscussion .lotusFlatComment .lotusCommentBody{padding-right:0}
/*lotusComments in the person card contains status information for the person*/
.lotusPersonDetails .lotusComment{margin:-10px 0 2px -10px;padding:0 0 0 10px;}
.lotusPersonDetails .lotusCommentHeader{padding-left:15px;left:16px;background-position:left bottom;}

/*** F O O T E R **/
#lotusFooter, .lotusFooter{padding:10px 10px 10px 0;}
#lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td{border-right-width:1px;}
#lotusFooter th, .lotusFooter th{padding:5px 10px 3px 25px;}
#lotusFooter td, .lotusFooter td{padding:0 50px 10px 25px;}

/***********************************************************/
/*** F O R M S ***/
.lotusForm h2 {margin:25px 15px 15px 25px;}
.lotusForm td.lotusFormLabel {text-align:right;padding-right:10px;}
.lotusFormErrorSummary div {margin:10px 15px 3px 25px;}
.lotusFormErrorSummary ul {margin:0 15px 10px 40px;}
input.lotusFormButton {margin-right:5px;}

/**header **/
.lotusHeader img{margin-right:10px;}
.lotusHeader .lotusDetails img, .lotusHeader .lotusBtnContainer img{margin-right:0;} /*to set image behavior back to normal, details row*/

/**INFO BOX **/
.lotusInfoBox h3, .portlet-msg h3{padding:0 0 0 5px;}
.lotusInfoBox ul, .portlet-msg ul{margin-left:20px;padding-left:0}
.lotusInfoBox .lotusInlinelist, .portlet-msg .lotusInlinelist{padding-left:0;}
.lotusInfoBox .lotusInlinelist li, .portlet-msg lotusInlinelist li{border-left-width:0;}

.lotusHelp{left:-9999px;}
.lotusHelp .lotusInfoBox{background-position:left top;}
.lotusHelp h3{margin:4px 3px 0 0px;float:left}

/*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/
ul.lotusEditable li{text-align:right;} /*use this class in combination with list class*/
ul.lotusList img.lotusLeft{margin-right:3px}

/*** M E N U ***/
.lotusMenu, .portlet-menu{background-position:top left;}
.lotusMenu .lotusBottomCorner, .portlet-menu .lotusBottomCorner{background-position:bottom left;}
.lotusMenu .lotusInner, .portlet-menu .lotusInner{background-position:top left;}
.lotusMenu .lotusMenuSubsection{margin:10px 0 0 20px;}
.lotusMenu h2, .portlet-menu h2{margin:0 0 7px 13px;}
.lotusMenu h3, .portlet-menu h3{padding:2px 0 2px 10px;}
.lotusMenu .lotusMenuSubsection h3{margin-left:-15px}
.lotusMenu h3 a{margin-right:5px}

.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 0px 5px 13px;}
.lotusMenu ul.lotusIcons a{padding:3px 0 3px 13px}
.lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited{padding-left:6px;}
.lotusMenu div.lotusChunk, .portlet-menu .lotusMenu div.lotusChunk {margin:5px 5px 0 0;}

/*** M E S S A G E S ***/
.lotusMessage img {vertical-align:top;margin:0 5px 0 10px;}
/***********************************************************/

/*** P A G I N G***/
.lotusPaging div{padding-left:5px}
.lotusPaging .lotusInlinelist li.lotusLast{padding-left:0}

/*** P L A C E   B A R 	***/
#lotusPlaceBar, .lotusPlaceBar{border-width:0 1px 1px 1px;background-position:center left;}
#lotusPlaceBar h2, .lotusPlaceBar h2{padding:2px 0 0 12px;float:left;}
#lotusPlaceBar .lotusBtnContainer, .lotusPlaceBar .lotusBtnContainer{float:right;padding:.5em 10px 0 0;}
/***********************************************************/

/*** 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{right:0;}
.lotusSearchTab a, .lotusSearchTab a:visited{padding-right:18px;background-position:center right;}
.lotusSearchForm{right:0;-moz-border-radius:4px 0 4px 4px;}
.lotusSearchForm input, #lotusSearchForm select{margin-left:3px;}

/*S E C T I O N */
.lotusSection h2.lotusIcons img, .lotusSection h3.lotusIcons img, .portlet-section h2.lotusIcons img, .portlet-section h3.lotusIcons img{margin-left:3px}
.lotusDiscussion .lotusSection h2{padding-left:5px}
/*section adjustments for the left column*/
#lotusColLeft .lotusSubsection, 
.lotusColLeft .lotusSubsection{margin:15px 0 0 11px}
#lotusColLeft .lotusSection div.lotusChunk, 
.lotusColLeft .lotusSection div.lotusChunk{margin:5px 0 0 11px}
#lotusColLeft .lotusSection input.lotusText, .lotusColLeft .lotusSection input.lotusText{padding:3px 3px 3px 6px;}

/*section adjustments for the right column*/
#lotusColRight div.lotusChunk{margin:5px 2px 0 10px;}

#lotusColLeft .lotusInlinelist li.lotusFirst, #lotusColRight .lotusInlinelist li.lotusFirst, 
.lotusColLeft .lotusInlinelist li.lotusFirst, .lotusColRight .lotusInlinelist li.lotusFirst{padding-left:0}
/****************************************************************/

/*** S O R T ***/
.lotusSort .lotusInlinelist li.lotusFirst{padding-left:0}
a.lotusActiveSort, a.lotusMoreSorts{padding:2px 12px 2px 5px}
/****************************************************************/

/*** S T A T U S ***/
#lotusContent .lotusStatus h2, .lotusContent .lotusStatus h2{padding-left:3px;}
.lotusStatus div{margin-left:19px;}
.lotusStatus div em{margin-left:6px;}
.lotusStatus div img{margin-right:3px;}
.lotusStatus .lotusArrow{margin-left:3px;}
/****************************************************************/

/*** 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{text-align:left;} /*default alignment*/
.lotusVertTable th{padding-right:50px;text-align:left;}
.lotusTable th.lotusFirstCell, .lotusTable td.lotusFirstCell{padding-left:10px}
.lotusTable th.lotusLastCell, .lotusTable td.lotusLastCell{padding-right:10px}
.lotusDiscussion .lotusTable .lotusDetails td{padding:10px 5px 0 25px;}
.lotusDiscussion td.lotusFirstCell{padding-left:5px}
.lotusDiscussion .lotusIndent20{margin-left:20px}
.lotusTable .lotusTags{padding-left:18px;background-position:left top;}
.lotusInfoTable .lotusClose{right:0;}
/***********************************************************/

/*** 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*/
ul.lotusTabs, .portlet-tab{left:10px;}
.lotusTabs li, .portlet-tab li{margin-right:2px;padding-left:3px;float:left;background-position:top left;}
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{padding:5px 8px 5px 5px;background-position:top right;}
.lotusTabs li.lotusSelected{background-position:top left;}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{background-position:top right;}
/***********************************************************/

/*** T A G   C L O U D ***/
.lotusAllTagsPopup{left:-9999px;padding:10px 10px 10px 30px;}
.lotusAllTagsPopup .lotusClose{float:right;}
/***********************************************************/

/*** T I T L E   B A R ***/
#lotusTitleBar, .lotusTitleBar{background-position:top left;}
#lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner{background-position:top right;padding-right:6px}
#lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner{background-position:top left;}
#lotusTitleBar h2, .lotusTitleBar h2{padding:3px 0 0 12px;float:left;}
#lotusTitleBar .lotusTabs, #lotusTitleBar .portlet-tab, 
.lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{left:210px}
#lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusTabs li{padding-left:5px;}
#lotusTitleBar .lotusSearch, .lotusTitleBar .lotusSearch{right:15px} 
#lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited, 
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{padding:10px 10px 8px 7px;background-position:top right;}
/***********************************************************/

/*** T R E E ***/
#lotusColRight ul.lotusTree{margin-left:-10px}
.lotusTree ul, .portlet-tree ul{margin:0 0 0 14px;}
.lotusTree .lotusIcon{margin-right:3px}
.lotusTree input{margin:0 4px 0 2px;}
/*this is a specific type of tree*/
.lotusOrgChart ul{margin-left:11px}
.lotusOrgChart li a{padding:0 0 5px 20px;background-position:left top;}
.lotusOrgChart .lotusBottom{padding:2px 0 5px 20px;background-position:left 5px;}
.lotusOrgChartTop, .lotusOrgChartMiddle, .lotusOrgChartBottom{padding-left:20px;background-position:left center;}
/***********************************************************/

/*** V C A R D (P E R S O N   C A R D)***/
.lotusVCard{left:-9999px;margin:4px 0 0 4px;}
.lotusVCard .lotusContainer{left:-4px;}
/*lotusAppLinks are the application links at the top of the card*/
.lotusVCard .lotusAppLinks td{background-position:left center;border-width:0 0 1px 1px;}
.lotusVCard .lotusAppLinks td.lotusFirst{border-left-width:0}
/*the more arrow, for when there is a second row of application links*/
.lotusVCard .lotusMore{margin-right:10px;background-position:right center;}
.lotusVCard .lotusPhoto{float:left}
.lotusVCard .lotusPersonInfo{margin-left:86px}
/*action menu within person card*/
.lotusVCard .lotusActionMenu{left:auto;}
/***********************************************************/

/*** V C A R D   H O V E R ***/
.lotusVCardHover{padding:5px 5px 5px 25px;left:-9999px;}
/***********************************************************/

/*** S P E C I A L   S C R E E N S ***/
/*about*/
.lotusAboutBox{padding-right:25px;background-position:left top;}
.lotusAboutBox img{left:30px;}
.lotusAboutText{margin:22px 20px 20px 225px;}

/*login*/
/*this can appear on a plain connections page (gradient background only), or launched in a separate window*/
.lotusLoginBox{background-position:left top;}
.lotusLoginContent img{left:43px}
.lotusLoginForm{margin:100px 0 0 220px;}
.lotusLoginForm .lotusBtn{margin-right:15px}
.lotusLoginForm label{margin-left:0;text-align:left;}
.lotusDescription{clear:left;}

/*these are found on the login and about pages - IBM logo and legal statement*/
.lotusLegal .lotusLicense{background-position:left center;}
.lotusLegal p{padding:0 0 0 110px;}

/*metrics*/
.lotusMetrics #lotusContent{margin-right:30%}

/*tools*/
/* Dogear this button */
a.lotusBookmarkButton{padding:7px 15px 5px 30px;background-position:bottom left;}
.lotusToolBMText{margin-left:10px;}
.lotusToolBMImage{float:left;background-position:top left;}
/**  Dogear this button Firefox **/
a.lotusFFBookmarkButton{margin:10px 0 0 30px;float:left;}
.lotusFFToolBMImage{margin:-5px 0 0 10px;float: left !important;}
.lotusFFToolBMText{margin-left:10px;float:left;}

/*welcome*/
.lotusWelcome #lotusContent .lotusSection{margin-left:20px}
.lotusWelcome input.lotusBtnSpecial{background-position:center left;}
.lotusWelcomeBox{background-position:left top;}
.lotusWelcomeBox h2{margin:0 10px 10px 0;}
.lotusWelcomeBox .lotusBtnContainer .lotusBtn{float:left;}
.lotusWelcomeBox p, .lotusWelcomeBox ul{margin-right:170px}
.lotusWelcomeBox ul{padding-left:2em;}
.lotusWelcomeBox img{right:50px;}
.lotusWelcomeBox .lotusClose{right:5px;}
/***********************************************************/

/***added by Chris S for dashboard 10/18/07, this is still being worked on***/
.lotusDashboard #lotusMain{background-position:top right;}
#lotusContent .lotusColOne, #lotusContent .lotusColTwo, 
.lotusContent .lotusColOne, .lotusContent .lotusColTwo{float:left;}

.lotusWidget{margin:0 10px 10px 5px;}
.lotusWidget h2 .lotusDivider{float:right;}
.lotusWidget h3{padding:3px 0px 3px 5px;}
.lotusWidgetButtons li{background-position:bottom left;}
.lotusWidgetButtons div{padding:0 5px 5px 40px;}
.lotusWidgetFooter {margin:0 3px 0 10px;}
.lotusWidgetFooter ul.lotusVCard {margin-left:95px;}
.lotusWidgetSearch img {padding-right:10px}

/*for lightbox*/
.lotusOverlay{left:0;}