/********************
  Overall Demo pages
 ********************/

#page-wrap, #demo2     { width: 90%; padding: 0 10px; margin: 0 auto 0px; position: relative; }

ul                     { margin: 0; padding-left: 20px; }
ul li                  { font: 13px Verdana, Serif; margin: 0 0 8px 0; }

.themeselector         { margin: 0 auto; text-align: center; }

#status                { color: #00a; font-weight: bold; }
.alert                 { color: #f00; font-weight: bold; }
.alert a, .attention   { color: #a00; }
.data                  { width: 100%; border: #555 0px solid; border-collapse: collapse; }
.data td, .data th     { border: #555 1px solid; padding: 0 5px; }
.data th               { background: #eee; }
.data .col             { width: 200px; }

/*****************
  Main demo page
 *****************/
#main #slider1         { width: 600px; height: 310px; list-style: none; }

/* Set slider1 panel 5 stuff - adding padding directly to the panel will
   shift panels after it, so we need a wrapper */
//#main #slider1 .panel1 ul { width: 250px; margin: 0 5px; }
#main #slider1 .panel5 ul { width: 200px; margin: 0 5px; }

/* For Specific Slides, these also apply to FX demo pages */
.textSlide             { padding: 0px 10px; }
.textSlide h3          { font: 20px Verdana, Serif; color:#D9C99A; }
.textSlide h4          { text-transform: uppercase; font: 15px Georgia, Serif; margin: 5px 0; }
.textSlide ul          { list-style: disc; margin: 0; padding-left: 20px; }
.textSlide ul li       { display: list-item; }
.textSlide p	       { margin: 0 5px 0px 0; padding: 0 30px 0 0; font-size: .95em; }
p.tightright		   { padding: 0 10px 0 0; }
.leftside              { float: left; margin: 0 2px 0 5px; }
.rightside             { float: right; margin: 0 0 2px 10px; }
.textpadding           { padding-left: 20px; padding-right: 10px; }
.textpadding2           { padding-left: 5px; padding-right: 0px; }

.quoteSlide            { padding: 20px; }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/***************************
  Video Compatibility table
 ***************************/
.video-info            { width: 700px; margin: 0 auto; margin-top: 50px; font-size: 18px; }
.video-info h2         { text-align: center; }
.video-info ul,
.video-info li         { margin: 0; }
.video-info sup        { font-size: 12px; }
.video-info th.header  { width: 25px; }
.good                  { background: #080; }
.bad                   { background: #800; }
.prob                  { background: #880; }
.group                 { border: #000 1px solid; }