@charset "UTF-8";
/* CSS Document */

/* TEXT, FONTS AND LINKS*/ 

h1 { font-size:32px; color:#222; color:#18a7e9;}

h2 { font-size:28px; color:#333; margin-bottom:10px;}

h3 { font-size:16px; color:#333; margin-bottom:10px;}

p { font-size:12px; color:#666;}

a:link, a:visited { color:#18a7e9; text-decoration:none;}

a:hover { text-decoration:underline;}

body { font-family:Helvetica, Arial, Sans-serif; background:url("http://images.zoomprospector.com/pau/widget/show/images/example-bg.png") repeat 0 0 transparent;}

.container { background:#fff; width:1050px; margin:0 auto; padding:40px; margin-top:80px; margin-bottom:20px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; -moz-border-radius:20px 20px 20px 20px; }

#intro { text-align:center; padding-bottom:10px; margin-bottom:20px; }

#intro p { font-size:14px; line-height:24px; color:#444444;}

#logo { margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #ccc;}

.clear { clear:both;}

.title {border-bottom:0px solid #ddd; padding-bottom:5px; margin-bottom:20px;}

.title p { font-size:14px;}

.box { margin-bottom:30px;}

.col { float:left; margin:0px 1px;}

#examples, #implementation { margin-top:40px;}

.description { text-align:center; background:#f5f5f5; border:1px solid #ddd; padding:4px 10px; font-weight:bold;}

.description.implement { text-align:left; word-wrap:break-word; margin-bottom:25px;}

textarea.areaEmbed { width:96%; padding:20px; border:1px solid #999; color:#666666; font-weight:normal; background:#fbfafa; word-wrap:break-word;}

xmp { padding:20px; border:1px solid #999; color:#666666; font-weight:normal; background:#fbfafa; word-wrap:break-word;}

#copyright {width:1050px; margin:0 auto; text-align:right; margin-bottom:30px; }


/* TABS */ 

.widgetTabs { margin: 0; padding: 0; border-bottom:1px solid #ddd;}
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ddd; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; width:49%; height:43p; text-align:center; }
.tab a { font-size: 18px; line-height: 43px; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #999; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }