/* Cached from: css/master.css on Tue, 20 Nov 2012 12:44:22 -0800 */

:focus {
	outline:0
}
ol, ul {
	list-style:none
}

strong, b {
	font-weight:bold
}

pre {
	margin:10px 0;
	white-space:pre
}
sup {
	font-size:.3em;
	font-weight:bold;
	margin:0 0 0 -.35em;
	vertical-align:1.1em;
	line-height:1px
}
i sup {
	margin:0 0 0 -.1em
}
.hide {
	display:none
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	height:1px;
	overflow:hidden;
	line-height:1px;
	font-size:1px;
	clear:both
}
.nopad {
	padding:0!important
}
.nomargin {
	margin:0!important
}
.noborder {
	border:0!important
}


#loading {
	position:absolute;
	top:43%;
	left:0;
	width:100%;
	z-index:10000;
	display:none;
	text-align:center;
	cursor:wait
}
#loading img {
	background-color:#444;
	padding:20px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:0 0 7px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,.4);
	box-shadow:0 0 7px rgba(0,0,0,.4)
}
.message {
	display:block;
	padding:10px;
	margin:10px 0;
	background-color:#ffbaba;
	color:#d8000c;
	border:3px solid #d8000c;
	text-align:center;
	font-weight:bold;
	text-shadow:0 0 2px rgba(255,255,255,.4)
}
noscript .message {
	margin:0;
	border-width:0 0 3px
}
.message em {
	margin-right:4px;
	color:#111;
	font-size:1.25em;
	font-weight:bold
}
.message a {
	margin-left:8px;
	color:#444!important;
	text-decoration:underline!important
}
#master {
	margin:0
}
#master .center {
	width:940px;
	margin:0 auto;
	padding:0
}
#where {
	background-color:#fbf7aa;
	border-bottom:3px solid #f9e98e;
	display:none
}
#where .center, #where textarea, #where input, #where button {
	padding:5px 8px;
	color:#915629;
	font-size:20px;
	vertical-align:middle;
	text-align:center
}
#where .center {
	padding:12px 0;
	line-height:52px
}
#where h2 {
	margin:0 0 5px;
	color:#915629
}
#where input {
	text-align:left
}
#where input.name {
	width:200px
}
#where input.url {
	width:300px
}
#where input.comments {
	width:700px
}
#where button {
	width:100%;
	margin-top:10px;
	display:block;
	text-align:center;
	color:#404040
}
#where .note {
	margin-top:13px;
	text-indent:8px;
	font-size:12px;
	line-height:16px;
	color:#666
}
#where .note b {
	color:#454545
}
#header {
	position:relative;
	z-index:2;
	color:white;
	background-color:#404040
}
#header .center {
	padding:6px 0
}
#header iframe {
	margin-top:3px
}
#header img.logo {
	margin:0 40px 0 -5px
}
#header .owl {
	position:relative;
	top:11px;
	left:-28px
}
#header .where {
	padding:5px 7px 0;
	color:#fefefe;
	cursor:pointer
}
#header .where a {
	color:#f9e98e
}
#header .where sup {
	vertical-align:1.7em
}
#header .where h2 {
	font-size:27px
}
#header .where span {
	margin:-8px 5px 0;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-align:right
}
.topnav {
	height:20px;
	padding:7px 0
}
.topnav .center {
	height:36px;
	position:relative;
	z-index:20
}
.topnav li {
	float:left;
	margin-right:29px;
	position:relative;
	font-size:18px
}
.topnav li.right {
	float:right
}
.topnav li a, .topnav li a:link, .topnav li a:visited {
	padding:6px 0;
	color:#447a00;
	text-decoration:none
}
.topnav li ul.menu {
	position:absolute;
	top:26px;
	padding:10px;
	z-index:10;
	background-color:#a2d959
}
.topnav li li {
	margin:0 0 5px 0;
	float:none;
	font-size:14px
}
#nav {
	background-color:#8fd401;
	width:100%;
	top:0;
	left:0;
	z-index:1000
}
.nav-fixed {
	position:fixed
}
#nav .center {
	background:transparent url('http://media2.juggledesign.com/qtip2/images//navarrow.png') no-repeat -1000em 100%
}
#nav div.home {
	background-position:17px 100%
}
#nav div.home a.home {
	color:#323436
}
#nav div.features {
	background-position:108px 100%
}
#nav div.features a.features {
	color:#323436
}
#nav div.demos {
	background-position:108px 100%
}
#nav div.demos a.demos {
	color:#323436
}
#nav div.download {
	background-position:209px 100%
}
#nav div.download a.download {
	color:#323436
}
#nav div.donate {
	background-position:310px 100%
}
#nav div.donate a.donate {
	color:#323436
}
#nav div.converter {
	background-position:535px 100%
}
#nav div.converter a.converter {
	color:#323436
}
#nav div.docs {
	background-position:675px 100%
}
#nav div.docs a.docs {
	color:#323436
}
#nav div.tutorials {
	background-position:805px 100%
}
#nav div.tutorials a.tutorials {
	color:#323436
}
#nav div.forum {
	background-position:900px 100%
}
#nav div.forum a.forum {
	color:#323436
}
#docsnav {
	height:auto;
	position:relative
}
#docsnav .floatright {
	float:right;
	margin-right:192px;
	padding:3px 10px 7px;
	background-color:#8fd401
}
#docsnav div.one a.one {
	color:#323436
}
#docsnav div.two a.two {
	color:#323436
}
#contentheader, .header {
	padding:15px 0;
	background-color:#e5f6fe;
	border-bottom:3px solid white
}
#contentheader h1, .header h1 {
	color:#68bada
}
#contentheader h2, .header h2 {
	color:#454545
}
#contentheader h3, .header h3 {
	color:#84c203
}
#contentheader h5, .header h5 {
	color:#555
}
#contentheader .nav li a, #contentheader .nav li a:link, #contentheader .nav li a:visited, .header .nav li a, .header .nav li a:link, .header .nav li a:visited {
	color:#30d4e8
}
#contentheader .column, .header .column {
	position:relative;
	width:420px;
	padding:0 20px 0;
	overflow:hidden
}
#content {
	background:white url('http://media2.juggledesign.com/qtip2/images//content_bg.jpg') repeat-x 0 0;
	color:#323436;
	border-bottom:2px solid #e1e1e1
}
#content h3.right {
	color:#68bada
}
#content .center {
	padding:20px 0 40px
}
#content .section {
	padding-bottom:25px
}
#content a.backtop {
	padding:0 8px;
	margin-top:-52px;
	background-color:white;
	color:#454545;
	font-size:14px
}
#content .column {
	position:relative;
	width:420px;
	padding:0 20px 0;
	overflow:hidden
}
#content .column .block {
	height:185px
}
#content .note {
	margin-top:13px;
	text-indent:8px;
	font-size:12px;
	color:#888
}
#content .note b {
	color:#454545
}
.error {
	border-bottom:0
}
.error .center {
	padding:0
}
.error img.owl {
	float:left;
	padding-right:15px
}
.error .header {
	border-bottom:0
}
.error h2 {
	margin:0;
	padding-top:30px;
	color:#68bada;
	font-size:30px;
	line-height:36px
}
#footer {
	clear:both;
	color:white;
	background-color:#404040
}
#footer .center {
	position:relative;
	padding:15px 15px 5px
}
#footer .owl {
	margin:-5px 0 7px 10px;
	text-align:center
}
#footer h4 {
	margin-bottom:6px;
	color:#fefefe;
	font-size:17px;
	line-height:19px;
	font-weight:bold
}
#footer .border {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-color:#323436
}
#footer li {
	margin-bottom:3px
}
#footer .links ul {
	margin-bottom:17px
}
#footer .right {
	margin-left:15px;
	max-width:210px
}
#footer .left {
	margin-right:46px
}
#footer .title {
	margin:0 0 -11px 0;
	padding-left:10px;
	overflow:hidden;
	font-weight:bold
}
#footer .info {
	margin:5px 0 15px;
	padding:9px 0;
	overflow:hidden;
	line-height:23px;
	font-weight:normal
}
#footer .info li {
	margin:0;
	padding:0
}
#footer .info li a {
	display:block;
	padding:2px 11px;
	border-bottom:1px dotted #404040;
	color:white;
	font-weight:normal
}
#footer .info li a:hover {
	background-color:#2d2f30
}
#footer .info li span {
	display:block;
	margin-top:-23px;
	padding-left:80px;
	color:#68bada!important;
	font-weight:bold;
	text-align:right
}
#footer .info li img {
	margin:-1px -7px 0 0
}
#footer .thanks li a {
	padding-right:40px;
	color:#68bada;
	font-weight:bold
}
#footer .copyright {
	font-size:11px;
	text-align:center;
	font-weight:bold;
	background-color:#8fd401;
	color:#333
}
#footer .copyright .center {
	padding:7px 0
}
#footer .copyright a {
	color:#447a00!important
}
#footer .logo {
	vertical-align:text-bottom
}
.qtip-nav {
	max-width:280px;
	border:0 solid transparent;
	background-color:#fbf7aa
}
.qtip-nav .qtip-content {
	padding:10px;
	font-weight:bold;
	text-align:center;
	color:#915629
}
#qtip-twitter {
	max-width:290px;
	cursor:pointer
}
.qtip-footer {
	max-width:220px;
	min-width:0;
	border-width:0 2px 2px;
	background-color:#fcfcfc
}
.qtip-caption .qtip-content {
	text-align:center;
	color:#333
}
#browsers {
	text-align:center
}
#browsers>div {
	display:inline-block;
	margin:15px 40px 0 0;
	font-weight:bold;
	color:#999
}
#browsers>div img {
	margin-right:-12px
}