html,body{margin:0;padding:0; overflow:hidden;}
body{font: 76% arial,sans-serif;}
p{margin:10px 0;}
h2 { color:#000; font-size:24px; letter-spacing:-1px; font-weight:100; text-transform:uppercase;}
a{ color:#009bc7;}

#container {padding:0; margin:0 auto;}
#before { width:700px; height:700px; background:#fff; display:block;}
#after{ width:700px; height:700px; background:#fafafa; display:block;}

#png { position:absolute; background:url(png.png) repeat-x; width:100%; height:73px; top:327px; z-index:555;
margin:0 auto;}
.balinks { position:relative; top:0; width:1000px; margin:0 auto;}

.text { position:relative; top:0; width:480px; margin:0 auto; text-align:center }
.text p { font-size:14px; color:#858585; line-height:18px; margin:0; font-family: Geneva, Arial, Helvetica, sans-serif;}
.big { font-size:18px;}

#feedback{position:relative;width:160px;height:46px;top:0;background:none;z-index:555;margin:5px auto;padding:0;}
.boxy-wrapper { position: absolute; }
#subject { border:1px solid #ccc;}

.boxy-wrapper.fixed { position: fixed; }
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; width:200px;height:300px;}
  
.boxy-wrapper .title-bar { background-color: black; padding: 6px; position:relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 11px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

.boxy-inner {padding:0; border:1px solid #333; background:#fff; }
.boxy-content { padding: 15px; }
	
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }