/*  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; }

.custom {
clear: right;
float: right;
margin-left: 15px;
width: 200px;
}
.norm {
clear: both;
margin-left: auto;
margin-right: auto;
}

.pullout {font-size: 150%;
             background-color: #eee; 
             padding: 0.5em;
             border-width: thin thick thick thin;
             border-color: #00C; 
             border-style: outset;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 80%;}


.commentbox {
padding: 0.5em;
font-size: 90%;
}

.blackboard {
padding: 0.5em;
font-size: 120%;
font-family: "Comic Sans MS", Helvetica,  sans-serif;
color: #fff;
background-color: #333;
border-width: thick;
border-color: #630; 

}

.questions { background-color: #fee;
             color: red; 
             font-family: serif;
             padding: 0.5em;
             font-size: 100%;
             line-height: 1.1; }

.examples {font-size: 120%;
             background-color: #efd; 
             padding: 0.5em;
             line-height: 1.1;
             border-width: thin thick thick thin;
             border-color: #C00; 
             border-style: outset;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 90%;}



.preview  {font-size: 120%;
             background-color: #ffe; 
             padding: 0.5em;
             border-width: thin thick thick thin;
             line-height: 1.2;
             border-color: #00C; 
             border-style: outset;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 70%;}

.summary  {font-size: 120%;
             background-color: #fef; 
             padding: 0.5em;
             border-width: thin thick thick thin;
             border-color: #00C; 
             border-style: outset;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 90%;}

.quotation  {font-size: 120%;
             background-color: #eee; 
             padding: 0.5em;
             line-height: 1.1;
             border-width: thin thick thick thin;
             border-color: #C00; 
             border-style: outset;
             font-weight: bold;
             font-family:  Georgia, "Times New Roman", times, roman, serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 90%;}

.exercises {font-size: 120%;
             background-color: #eff;
             color: red; 
             padding: 0.5em;
             border-width: thin thick thick thin;
             line-height: 1.1;
             border-color: #00C; 
             border-style: outset;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 80%;}

.answers  {font-size: 120%;
             background-color: #dfd; 
             color: navy;
             padding: 0.5em;
             line-height: 1.1;
             border-width: thin thick thick thin;
             border-color: #00C; 
             border-style: outset;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
             margin-top: 0.5em;
             margin-bottom: 1em; 
             margin-right: auto; 
             margin-left: auto; 
             width: 70%;}


.manuscript   {font-size: 100%;
                 background-color: #fff;
                 padding: 0.5em;
                 border-width: thick thick thick thick;
                 border-style: solid;
                 border-color: #ccc; 
                 font-weight: bold;
                 font-family: "Courier New","New Courier", courier, typewriter, monospace;
                 margin-top: 0.5em;
                 margin-bottom: 1em; 
                 margin-right: auto; 
                 margin-left: auto; 
                 width: 90%;}


.questions ul {
list-style-image: url('local/check-box.gif');
}            


.tight {
  padding: 0;
  background-color: #f7f7f7;
  border-width: 0;

}

/*  This provides a rounded background for a component. */
.round {
  padding: 15px 20px 15px 20px;
  background-color: #f7f7f7;
}

/*  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;
}

.twitter {
  padding-left: 34px;
  padding-top: 0;
  background: #ddffff url(local/twitter.png) no-repeat 6px center;
  border-color: #00F;
}


.twitter a.urllink:link,.twitter a.urllink:visited,.twitter a.urllink:hover,
.twitter a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.mmayhem {
  padding-left: 34px;
  padding-top: 0;
  background: #ddffff url(local/mm.png) no-repeat 6px center;
  border-color: #00F;
}


.mmayhem a.urllink:link,.mmayhem a.urllink:visited,.mmayhem a.urllink:hover,
.mmayhem a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.trophy {
  padding-left: 34px;
  padding-top: 0;
  background: #ffddff url(local/trophy.png) no-repeat 6px center;
  border-color: #c0c;
}


.trophy a.urllink:link,.trophy a.urllink:visited,.trophy a.urllink:hover,
.trophy a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #c0c;
}

.nominee {
  padding-left: 34px;
  padding-top: 0;
  background: #ffddff url(local/nominee.png) no-repeat 6px center;
  border-color: #c0c;
}


.nominee a.urllink:link,.nominee a.urllink:visited,.nominee a.urllink:hover,
.nominee a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #c0c;
}


.formspring {
  padding-left: 34px;
  padding-top: 0;
  background: #ddffff url(local/formspring.png) no-repeat 6px center;
  border-color: #00F;
}


.formspring a.urllink:link,.formspring a.urllink:visited,.formspring a.urllink:hover,
.formspring a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.web {
  padding-left: 34px;
  padding-top: 0;
  background: #ddffff url(local/web.png) no-repeat 6px center;
  border-color: #00F;
}


.web a.urllink:link,.web a.urllink:visited,.web a.urllink:hover,
.web a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}


.book {
  padding-left: 34px;
  padding-top: 0;
  background: #ddffff url(local/book.png) no-repeat 6px center;
  border-color: #00F;
}


.book a.urllink:link,.book a.urllink:visited,.book a.urllink:hover,
.book a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.tumblr {
  padding-left: 34px;
  padding-top: 0;
  background: #ddffff url(local/tumblr.png) no-repeat 6px center;
  border-color: #00F;
}


.tumblr a.urllink:link,.tumblr a.urllink:visited,.tumblr a.urllink:hover,
.tumblr a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.youtube {
  padding-left: 34px;
  
  background: #ddffff url(local/youtube.png) no-repeat 6px center;
  border-color: #00F;
}


.youtube a.urllink:link,.youtube a.urllink:visited,.youtube a.urllink:hover,
.youtube a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}


.yfrog {
  padding-left: 34px;
  
  background: #ddffff url(local/yfrog.png) no-repeat 6px center;
  border-color: #00F;
}


.yfrog a.urllink:link,.yfrog a.urllink:visited,.yfrog a.urllink:hover,
.yfrog a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.flickr {
  padding-left: 34px;
  
  background: #ddffff url(local/flickr.png) no-repeat 6px center;
  border-color: #00F;
}

.flickr a.urllink:link,.flickr a.urllink:visited,.flickr a.urllink:hover,
.flickr a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.tweetphoto {
  padding-left: 34px;
  
  background: #ddffff url(local/tweetphoto.png) no-repeat 6px center;
  border-color: #00F;
}

.tweetphoto a.urllink:link,.tweetphoto a.urllink:visited,.tweetphoto a.urllink:hover,
.tweetphoto a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.facebook {
  padding-left: 34px;
  
  background: #ddffff url(local/facebook.png) no-repeat 6px center;
  border-color: #00F;
}

.facebook a.urllink:link,.facebook a.urllink:visited,.facebook a.urllink:hover,
.facebook a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.myspace {
  padding-left: 34px;
  
  background: #ddffff url(local/myspace.png) no-repeat 6px center;
  border-color: #00F;
}

.myspace a.urllink:link,.myspace a.urllink:visited,.myspace a.urllink:hover,
.myspace a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.blogger {
  padding-left: 34px;
  
  background: #ddffff url(local/blogger.png) no-repeat 6px center;
  border-color: #00F;
}

.blogger a.urllink:link,.blogger a.urllink:visited,.blogger a.urllink:hover,
.blogger a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.wordpress {
  padding-left: 34px;
  
  background: #ddffff url(local/wordpress.png) no-repeat 6px center;
  border-color: #00F;
}

.wordpress a.urllink:link,.wordpress a.urllink:visited,.wordpress a.urllink:hover,
.wordpress a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.gallery {
  padding-left: 34px;
  
  background: #ddffff url(local/gallery.png) no-repeat 6px center;
  border-color: #00F;
}

.gallery a.urllink:link,.gallery a.urllink:visited,.gallery a.urllink:hover,
.gallery a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.clip {
  padding-left: 34px;
  
  background: #ddffff url(local/clip.png) no-repeat 6px center;
  border-color: #00F;
}

.clip a.urllink:link,.clip a.urllink:visited,.clip a.urllink:hover,
.clip a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}

.star
 {
  padding-left: 34px;
  
  background: #ddffff url(local/star.png) no-repeat 6px center;
  border-color: #00F;
}

.star a.urllink:link,.star a.urllink:visited,.star a.urllink:hover,
.star a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}


.direct
 {
  padding-left: 34px;
  
  background: #ddffff url(local/megaphone.png) no-repeat 6px center;
  border-color: #00F;
}

.direct a.urllink:link,.direct a.urllink:visited,.direct a.urllink:hover,
.direct a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #00b;
}


.dvd {
  padding-left: 34px;
  background: #ddffdd url(local/dvd.png) no-repeat 6px center;
  border-color: #0F0;
}

.dvd a.urllink:link,.dvd a.urllink:visited,.dvd a.urllink:hover,
.dvd a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #0b0;
}

.toy {
  padding-left: 34px;
  background: #ddffdd url(local/toy.gif) no-repeat 6px center;
  border-color: #0F0;
}

.toy a.urllink:link,.toy a.urllink:visited,.toy a.urllink:hover,
.toy a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #0b0;
}

.vod {
  padding-left: 34px;
  background: #ddffdd url(local/vod.png) no-repeat 6px center;
  border-color: #0F0;
}

.vod a.urllink:link,.vod a.urllink:visited,.vod a.urllink:hover,
.vod a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #0b0;
}


.amazon {
  padding-left: 34px;
  background: #ddffdd url(local/amazon.png) no-repeat 6px center;
  border-color: #0F0;
}

.amazon a.urllink:link,.amazon a.urllink:visited,.amazon a.urllink:hover,
.amazon a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #0b0;
}

.live {
  padding-left: 34px;
  
  background: #ddffdd url(local/live.png) no-repeat 6px center;
  border-color: #0F0;

}

.live a.urllink:link,.live a.urllink:visited,.live a.urllink:hover,
.live a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;

color: #0b0;
}

.ppm {
  padding-left: 34px;
  
  background: #ddffdd url(local/clock.png) no-repeat 6px center;
  border-color: #0F0;

}

.ppm a.urllink:link,.ppm a.urllink:visited,.ppm a.urllink:hover,
.ppm a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;

color: #0b0;
}

.rent {
  padding-left: 34px;
  
  background: #ddffdd url(local/calendar.png) no-repeat 6px center;
  border-color: #0F0;

}

.rent a.urllink:link,.rent a.urllink:visited,.rent a.urllink:hover,
.rent a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;

color: #0b0;
}


.scene
 {
  padding-left: 34px;
  background: #ddffdd url(local/scene.png) no-repeat 6px center;
  border-color: #0F0;
}

.scene a.urllink:link,.scene a.urllink:visited,.scene a.urllink:hover,
.scene a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #0b0;
}


.event
 {
  padding-left: 34px;
  background: #ffeeee url(local/event.png) no-repeat 6px center;
  border-color: #F00;
  font-weight: bold;
  color: #609;
}

.event a.urllink:link,.event a.urllink:visited,.event a.urllink:hover,
.event a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
font-weight: bold;
color: #906;
}

.dj
 {
  padding-left: 34px;
  background: #ffdddd url(local/dj.png) no-repeat 6px center;
  border-color: #F00;
}

.dj a.urllink:link,.dj a.urllink:visited,.dj a.urllink:hover,
.dj a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #b00;
}

.pen
 {
  padding-left: 34px;
  background: #ffdddd url(local/pen.png) no-repeat 6px center;
  border-color: #F00;
}

.pen a.urllink:link,.pen a.urllink:visited,.pen a.urllink:hover,
.pen a.urllink:active
{
text-decoration: none;
font-family: "Comic Sans MS",Arial,helvetica,sans-serif;
color: #b00;
}


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

.tight ul {
list-style-type: none;
text-indent: -2em;
}