1 /* Page sections. */ 2 3 div.questionnaire { 4 width: 40%; 5 float: left; 6 } 7 8 div.preview { 9 width: 50%; 10 float: right; 11 } 12 13 div.operations { 14 padding-top: 10px; 15 clear: both; 16 } 17 18 /* Preview and shadow effect. */ 19 20 div.shadow { 21 background-color: #555555; 22 } 23 24 div.shadow table.preview { 25 background-color: #ffffff; 26 border: 1px solid #000000; 27 padding: 5px; 28 position: relative; 29 top: -10px; 30 left: -10px; 31 } 32 33 /* Questionnaire and preview tables. */ 34 35 table.preview { 36 width: 100%; 37 border-spacing: 0px; 38 } 39 40 table.questionnaire { 41 width: 100%; 42 } 43 44 /* Questionnaire and preview cells. */ 45 46 table.questionnaire td, table.questionnaire th { 47 padding: 5px; 48 margin: 0px; 49 } 50 51 table.preview td, table.preview th { 52 padding: 10px; 53 margin: 0px; 54 } 55 56 table.preview td p { 57 margin: 0px 5px 5px 5px; 58 } 59 60 .question, .question-options { 61 background-color: #dddddd; 62 color: #000000; 63 vertical-align: top; 64 } 65 66 .question .control { 67 font-weight: normal; 68 } 69 70 .response, .response-options { 71 background-color: #ffffff; 72 color: #000000; 73 vertical-align: top; 74 } 75 76 .choice, .choice-options { 77 background-color: #eeeeee; 78 color: #000000; 79 vertical-align: top; 80 }