/*  A "left-right indent", indenting both sides. */
.lrindent { margin-left:40px; margin-right:40px; }

/*  Ensure there is no indentation */
.fullwidth { margin-left:0px; margin-right:0px; }

/*  This provides a rounded background for a component. */
.round {
  min-height:40px;
  padding: 15px 20px 15px 20px;
  background-color: #f7f7f7;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
}

/*  These styles provide colored
    backgrounds and associated icons. */

.attachment {
  padding-left: 80px;
  background: #ddffdd url(attachment.gif) no-repeat 20px;
}

.builtincallouts {
  padding-left: 490px;
  height: 510px;
  background: #ddffdd url(builtincallouts.png) no-repeat 20px;
}

.callout01 {
  padding-left: 80px;
  background: #ddffdd url(local/callout01.png) no-repeat 20px;
}

.callout02 {
  padding-left: 80px;
  background: #ddffdd url(local/callout02.png) no-repeat 20px;
}

.callout03 {
  padding-left: 80px;
  background: #ddffdd url(local/callout03.png) no-repeat 20px;
}

.callout04 {
  padding-left: 80px;
  background: #ddffdd url(local/callout04.png) no-repeat 20px;
}

.callout05 {
  padding-left: 80px;
  background: #ddffdd url(local/callout05.png) no-repeat 20px;
}

.callout06 {
  padding-left: 80px;
  background: #ddffdd url(local/callout06.png) no-repeat 20px;
}

.callout07 {
  padding-left: 80px;
  background: #ddffdd url(local/callout07.png) no-repeat 20px;
}

.callout08 {
  padding-left: 80px;
  background: #ddffdd url(local/callout08.png) no-repeat 20px;
}

.callout09 {
  padding-left: 80px;
  background: #ddffdd url(local/callout09.png) no-repeat 20px;
}

.callout10 {
  padding-left: 80px;
  background: #ddffdd url(local/callout10.png) no-repeat 20px;
}

.checkblack {
  padding-left: 80px;
  background: #ddffdd url(checkblack.gif) no-repeat 20px;
}

.checkblue {
  padding-left: 80px;
  background: #ddffdd url(checkblue.gif) no-repeat 20px;
}

.checkgreen {
  padding-left: 80px;
  background: #ddffdd url(checkgreen.gif) no-repeat 20px;
}

.checkred {
  padding-left: 80px;
  background: #ddffdd url(checkred.gif) no-repeat 20px;
}

.checkyellow {
  padding-left: 80px;
  background: #ddffdd url(checkyellow.gif) no-repeat 20px;
}

.conflict {
  padding-left: 80px;
  background: #ddffdd url(conflict.png) no-repeat 20px;
}

.copythis {
  padding-left: 80px;
  border-width: 1px;
  border-style: dashed;
  background: #ddffdd url(copythis.gif) no-repeat 20px;
}

.goal {
  padding-left: 80px;
  background: #ddffdd url(goal.png) no-repeat 20px;
}

.important {
  padding-left: 80px;
  background: #ffffcc url(important.gif) no-repeat 20px;
}

.legal {
  padding-left: 80px;
  background: #ddffdd url(legal.png) no-repeat 20px;
}

.money {
  padding-left: 80px;
  background: #ddffdd url(money.png) no-repeat 20px;
}

.newwindow {
  padding-left: 80px;
  background: #ddffdd url(newwindow.png) no-repeat 20px;
}

.nutshell {
  padding-left: 80px;
  background: #ddffdd url(nutshell.png) no-repeat 20px;
}

.pattern {
  padding-left: 80px;
  background: #ddffdd url(pattern.png) no-repeat 20px;
}

.popout {
  padding-left: 80px;
  border-width: 3px;
  border-style: dotted;
  background: #ddffdd url(popout.png) no-repeat 30px;
}

.query {
  padding-left: 80px;
  background: #ddffdd url(query.png) no-repeat 20px;
}

.reality {
  padding-left: 80px;
  background: #ddffdd url(reality.gif) no-repeat 20px;
}

.reminder {
  padding-left: 80px;
  background: #ddffdd url(reminder.gif) no-repeat 20px;
}

.resource {
  padding-left: 80px;
  background: #ddffdd url(resource.png) no-repeat 20px;
}

.rss {
  padding-left: 80px;
  background: #ddffdd url(rss.png) no-repeat 30px;
}

.seeabove {
  padding-left: 80px;
  background: #ddffdd url(seeabove.png) no-repeat 20px;
}

.seebelow {
  padding-left: 80px;
  background: #ddffdd url(seebelow.png) no-repeat 20px;
}

.seeleft {
  padding-left: 80px;
  background: #ddffdd url(seeleft.png) no-repeat 20px;
}

.seeright {
  padding-left: 80px;
  background: #ddffdd url(seeright.png) no-repeat 20px;
}

.tip {
  padding-left: 80px;
  background: #ddffdd url(tip.gif) no-repeat 20px;
}

.thumbsdown {
  padding-left: 80px;
  background: #ddffdd url(thumbsdown.png) no-repeat 20px;
}

.thumbsneutral {
  padding-left: 80px;
  background: #ddffdd url(thumbsneutral.png) no-repeat 20px;
}

.thumbsup {
  padding-left: 80px;
  background: #ddffdd url(thumbsup.png) no-repeat 20px;
}

.tool {
  padding-left: 80px;
  background: #ddffdd url(tool.png) no-repeat 20px;
}

.uneven {
  padding-left: 80px;
  background: #ddffdd url(uneven.png) no-repeat 20px;
}

.warning {
  padding-left: 80px;
  background: #ffdddd url(warning.gif) no-repeat 20px;
}