/*! 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 April 30 2010. (version: OneUI-2.1.0_149_20100430-1512)
these are the styles for section
companion files: section.css / sectionTheme.css
companion files: sectionRTL.css / sectionThemeRTL.css*/
/*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*/

/*draggable sections*/
.lotusSection .lotusDragHandle {
  background-image:url(../../images/lotusSprite-8bit.png);
  background-position:0 -1725px
}

.lotusSection h2.lotusDraggable:hover .lotusDragHandle {
  visibility:visible
}

.lotusSection .lotusArrow:visited, .lotusSection .lotusArrow:hover, .lotusSection .lotusArrow:focus, .lotusSection .lotusArrow:active {
  text-decoration:none
}

/*these twisties use lotusArrow sprite in baseTheme.css*/
.lotusTwistyOpen {
  background-position:0 -522px
}

.lotusTwistyClosed {
  background-position:0 -232px
}

.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-repeat:no-repeat
} /*this is the action menu icon*/

.lotusSection h2 a.lotusActionMenu {
  background-image:url(../../images/lotusSprite-8bit.png);
  background-position:3px -1909px
}

.lotusSection h2 a.lotusActionMenu:hover, .lotusSection h2 a.lotusActionMenu:focus {
  background-position:3px -1999px
}

.lotusSectionBody {
  background-color:#fff
}

.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-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
}




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