body { background: #fff; margin: 6px}
.article { width: 670px; border: none}
.box-wrapper {min-height: 40px; }

.content { width: 620px; margin-bottom: 0; background: url(../../wp-content/themes/etoile/images/site/logo-etoile-small.gif) no-repeat top right}

.suiteBtn { text-align: right;}
.suiteBtn span { float: left; margin-left: 6px;}
hr {margin: 0;}
p { margin-bottom: 0.25em;}

.article h3.question { line-height: 1.5em; font-weight: bold;}
legend { font: normal 1.6em georgia, serif;  font-style: italic; margin: 0pt; padding-top: 0pt}
fieldset {margin: 0pt 0pt 5px 5px; padding-top: 0pt}
label { font-weight: normal; font-size: inherit}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 675px;
height: 800px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 10px; /*margin around each panel*/
width: 655px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.qMultiple {width: 600px;}
.qMultiple thead th { background:none; width: 56px; text-align: center }
.qMultiple tbody th { background:#eee;border-bottom: 1px solid #fff;}
.qMultiple tbody td { border-bottom: 1px solid #eee; text-align:center}