1 div.questionnaire { 2 width: 40%; 3 float: left; 4 } 5 6 div.preview { 7 width: 50%; 8 float: right; 9 background-color: #555555; 10 } 11 12 div.preview table.preview { 13 background-color: #ffffff; 14 border: 1px solid #000000; 15 padding: 5px; 16 position: relative; 17 top: -10px; 18 left: -10px; 19 } 20 21 table.preview { 22 border-spacing: 0px; 23 } 24 25 table.questionnaire td, table.questionnaire th { 26 padding: 5px; 27 margin: 0px; 28 } 29 30 table.preview td, table.preview th { 31 padding: 10px; 32 margin: 0px; 33 } 34 35 table.preview td p.text-before { 36 margin-top: 0px; 37 } 38 39 table.preview td p.choice { 40 padding: 2px; 41 margin: 0px 0px 0px 0px; 42 } 43 44 .question, .question-options { 45 background-color: #ffffff; 46 color: #000000; 47 vertical-align: top; 48 } 49 50 .response, .response-options { 51 background-color: #eeeeee; 52 color: #000000; 53 vertical-align: top; 54 } 55 56 .choice, .choice-options { 57 background-color: #dddddd; 58 color: #000000; 59 vertical-align: top; 60 }