body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; background-color: #e7e7e7; color: #000000; } span.popupTitle { padding-left: 2px; padding-right: 2px; background: #e0e0e0; font-weight: bold; border-bottom: 1px solid #8f8f8f; display: block; } div.popup { background: #fffb71; position: absolute; border: 1px solid #8f8f8f; z-index: 10; } span.popup { padding-left: 2px; padding-right: 2px; cursor: default; display: block; } span.popup:hover { background: #96ccff; } div.phonelist { border: 1px solid #bfbfbf; width: 350px; margin-top: 3px; margin-bottom: 3px; } input { border: 1px solid #aaaaaa; background-color: #f6f6f6; font-size: 10px; } input.button:hover { background-color: #e0e0e0; } p.title { margin-top: 0px; border-bottom: 1px solid #bfbfbf; padding-left: 5px; padding-right: 5px; font-weight: bold; background-color: #d9d9d9; } ul.phonelist { list-style: none; margin: 0; padding: 0; display: inline; } ul.phonelist li { padding-left: 5px; cursor: default; } ul.phonelist li.new { background-color: #bde8a7; } ul.phonelist li:hover { background: #c9e5ff; } div.phonecall { border: 1px solid #bfbfbf; width: 200px; position: absolute; left: 650px; top: 5px; } div.phonecall p { margin: 0; padding-left: 3px; } iframe.phonecall { height: 35px; width: 180px; margin-left: 10px; border: 0; } div.controls { width: 33px; position: absolute; left: 362px; top: 5px; } div.editcall { border: 1px solid #bfbfbf; width: 210px; position: absolute; left: 400px; top: 5px; } div.editcall p { margin: 0; padding-left: 3px; } span#edit_status { padding-left: 5px; }