.piwishack { background-color: #222; position: absolute; visibility: hidden; left: 50px; top: 50px; border: 4px groove orange; /* #ff4020; */ padding: 0; margin: 0; color: #ccc; z-index: 999; } .piwishack .header, .piwishack .footer { font-size: 140%; font-weight: bold; text-align: right; padding: 5px 10px; margin: 0; background-color: #333; color: #fff; } .piwishack .area { padding: 10px; border-top: 1px solid #444; border-bottom: 1px solid #444; } .piwishack h1 { color:#ccc; font-size:120%; font-weight:bold; text-align: center; margin: 0 0 10px 0; padding: 0; background-image: none; background-color: #222; /* border: 1px solid green; */ } .piwishack h2 { color:#ccc; font-size:100%; font-weight:bold; text-align: left; padding-left: 25px; background-image: none; background-color: #222; } .piwishack label, .piwishack span { padding-left: 10px; } .piwishack textarea { background-color: #444; color: #ccc; } .piwishack input[type="radio"] { margin: 0 5px; } .piwishack button, .piwishack input[type="button"] { font-weight: bold; } .piwishack .txtbutton { font-size: 140%; vertical-align: bottom; margin: 0 15px; color: #159; } .piwishack .tab, .piwishack .tabselected { font-weight: bold; border-left: 1px solid #888; border-top: 1px solid #888; border-right: 1px solid #888; border-radius: 4px 4px 0 0; border-width: 1px 1px 0 1px; padding: 6px 15px 2px 15px; } .piwishack .tab { background-color: #444; color: #888; } .piwishack .tabselected { background-color: #222; color: #fff; } .piwishack img { /* border: 1px solid yellow; */ vertical-align: top; } .piwishack .sheet, .piwishack .sheetselected { border: 1px solid #888; padding: 3px 8px; border-radius: 0 4px 4px 4px; } .piwishack .sheetselected { display: block; } .piwishack .sheet { display: none; } span.pattern { background-color: yellow; padding: 0 5px; margin-left: 2px; } span.propertyleft { font-weight:bold; float:left; width:30%; text-align:right; margin:0; padding:0 0.5em 0 0 }