/* - Code Panel Addon - */

#code_sample_vcard { position:absolute; top:332px; left:37px; height:120px; width:120px; padding:20px; background:#cc3300; }

#code_qr { position:relative; left:25px; top:60px; height:90px; width:90px; float:left; }
#code_panel { position:relative; left:310px; top:-8px; width:632px; background: url('../core_images/code_panel.png') 0 0 no-repeat; height:213px; font: 16px Arial, Helvetica, sans-serif; line-height:35px; font-weight:bold; }
#code_panel .message { text-align:center; position:absolute; top:85px; left:250px; width:315px; height:65px; color:#444444; font-size:14px; line-height:17px; }
#code_panel .message .subtitle { font-size: 12px; font-weight:normal; margin-top:5px; color:#666666; }
#code_panel .title {  color:#a14313; position:absolute; right:0; top:12px; text-align:right; background: url('../core_images/code_panel.png') 100% -230px no-repeat; height:35px; padding:0 45px 0 0; }
#code_panel .link { color:#111111; position:absolute; right:0; top:178px; text-align:right; background: url('../core_images/code_panel.png') 100% -265px no-repeat; height:35px; padding:0 45px 0 0; cursor: pointer; cursor:hand; }
#code_panel .yellow_subtitle {  color:#000000; position:absolute; left:12px; top:173px; text-align:center; font: 9px Arial, Helvetica, sans-serif; width:125px; white-space:nowrap; font-weight:bold; line-heigth:20px; }
#code_panel .link:hover { color:#a14313; }
#code_panel .title .left { background: url('../core_images/code_panel.png') 0 -230px no-repeat; height:35px; float:left; width:25px; }
#code_panel .link .left { background: url('../core_images/code_panel.png') 0 -265px no-repeat; height:35px; float:left; width:25px; }
#code_panel .code { width:90px; height:90px; position:absolute; top:68px; left:30px; }