/*========================================================*/
/*  Container Style  by dnnskin.net                       */
/*========================================================*/

/* import styles for eShop module                         */
@import url(css/eShop.css);

.admintitle                           { font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-indent: 30px; display: block; float: left; height: 34px; line-height: 34px; color: #333; }
.containerbox                         { margin-bottom: 8px; }
.containerhead                        { text-align: left; }
.dnnicon                              { display: block; float: left; text-align: center; height: 30px; width: 10px; }
* html .dnnicon, * html .visibility   { width: 10px; }
.dnnicon img                          { padding-top: 5px; width: 10px; }
.actions                              { display: block; float: left; text-align: center; height: 14px; min-width: 10px; max-width: 10px; margin-top: 5px; }
.title                                { display: block; float: left; width: 70%; padding-top: 5px; overflow: hidden; font-weight: bold; color: #333; font-size: 14px; }
.visibility                           { display: block; float: right; min-width: 10px; text-align: center; height: 30px; }
.containerpane                        { clear: both; }
.spacer                               { height: 8px; overflow: hidden; clear: both; }

.Container-1                                  { background: #4b1046; }
.Container-1 .containerhead                   { background: transparent; float: left; width: 100%; }
.Container-1 .containerhead .dnnicon          { background: transparent; }
.Container-1 .containerhead .visibility       { background: transparent; }
.Container-1 .containermain                   { background: transparent; }
.Container-1 .containerpane                   { margin: 10px 0 0 0; line-height: 16px; height: 100%; padding: 8px 5px 8px 4px;}
.Container-1 .containerpane p, 
  .Container-1 div,
  .Container-1 .Normal                        { color: #fff; padding: 0;}
.Container-1 .containerbot                    { height: 1px; background: transparent; }
.Container-1 .containerbot .left              { height: 1px; background: transparent; padding: 0 10px; }
.Container-1 .containerbot .right             { height: 1px; background: transparent; padding: 0 10px; }

.Container-2                              { background: transparent; }
.Container-2 .containerhead               { background: transparent; float: left; width: 100%; }
.Container-2 .containerhead .dnnicon      { background: transparent; }
.Container-2 .containerhead .visibility   { background: transparent; }
.Container-2 .containerhead .title        { color: #5f136b; width: 75%; padding: 10px 0; text-align: left; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 23px; }
.Container-2 .containermain               { background: transparent; }
.Container-2 .containerpane               { margin: 0px 20px; line-height: 16px; height: 100%; }
.Container-2 .containerbot                { height: 20px; background: transparent; }
.Container-2 .containerbot .left          { height: 20px; background: transparent; padding: 0 10px; }
.Container-2 .containerbot .right         { height: 20px; background: transparent; padding: 0 10px; }

.Container-3                              { background: white; border: 1px #b033a0 solid; border-top: 10px #b033a0 solid; }
.Container-3 .containerhead               { background: #f8d5f4; float: left; width: 100%; }
.Container-3 .containerhead .dnnicon      { background: transparent; }
.Container-3 .containerhead .visibility   { background: transparent; }
.Container-3 .containerhead .title        { color: #5f136b; width: 75%; padding: 10px 0; text-align: left; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 15px; font-weight: bold; }
.Container-3 .containermain               { background: transparent; }
.Container-3 .containerpane               { margin: 0px 20px; line-height: 16px; height: 100%; }
.Container-3 .containerbot                { height: 20px; background: transparent; }
.Container-3 .containerbot .left          { height: 20px; background: transparent; padding: 0 10px; }
.Container-3 .containerbot .right         { height: 20px; background: transparent; padding: 0 10px; }

.Container-4                              { background: url(line4.gif) top left repeat-y #f7f7f7; }
.Container-4 .containerhead               { background: url(line3.gif) top left repeat-x; float: left; width: 100%; }
.Container-4 .containerhead .dnnicon      { background: url(ctl4.gif) top left no-repeat; }
.Container-4 .containerhead .visibility   { background: url(ctr4.gif) top right no-repeat; }
.Container-4 .containermain               { background: url(line4.gif) right top repeat-y; }
.Container-4 .containerpane               { margin: 0px 10px; line-height: 16px; height: 100%; }
.Container-4 .containerpane table         { margin: 0 auto; }
.Container-4 .containerbot                { height: 20px; background: url(line3.gif) bottom left repeat-x; }
.Container-4 .containerbot .left          { height: 20px; background: url(cbl4.gif) bottom left no-repeat; padding: 0 10px; }
.Container-4 .containerbot .right         { height: 20px; background: url(cbr4.gif) bottom right no-repeat; padding: 0 10px; }

.Container-10                                 { background: url(cl_bg.png) top left repeat-x #4b1046; border-top: 7px solid #b033a0; }
.Container-10 .containerhead                  { background: transparent; float: left; width: 100%; }
.Container-10 .containerhead .dnnicon         { background: transparent; width: 25px; height: 38px; }
.Container-10 .containerhead .title           { color: #b376b8; width: 75%; padding: 10px 0; text-align: center; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 16px; border-bottom: 1px solid #b48bb7; }
.Container-10 .containerhead .visibility      { background: transparent; height: 38px; width: 25px; }
.Container-10 .containerhead .visibility img  { padding-top: 5px; }
.Container-10 .containerpane	              { margin: 0 10px; padding: 12px 10px 0 12px; line-height: 16px; height: 100%; }
.Container-10 .containerpane p, 
  .Container-10 div,
  .Container-10 .Normal                        { color: #b376b8; }
.Container-10 .containerbot                   { height: 10px; }
.Container-10 .containerbot .left,
  .Container-10 .containerbot .right          { height: 20px; padding: 0 10px; }
