/*** reset-fonts: ***/

/*
 * YUI reset-fonts
 * version: 2.5.1
 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*** jquery.tiptip: ***/

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/*** layout: ***/



/*** reel: ***/

html { background-color: black; width: 650px; margin: 0 auto; }

body { font-family: sans-serif; font-size: 85%; position: relative; cursor: default; padding: 30px 30px 0 30px; background: white url(/prx/000/http/jquery.vostrel.cz/images/paper.png) no-repeat top; }

strong { font-weight: bold; }

em { font-style: italic; }

a { color: #2e992e; }

a:hover { text-decoration: none; }

p, dl { margin: 12px 0 24px 0; }

ul, ol { margin: 12px 0 24px 0; }
ul ul, ul ol, ol ul, ol ol { margin-top: 0; margin-bottom: 0; }
ul li, ol li { margin-left: 30px; }

dd { margin-left: 30px; }

ol > li { list-style-type: decimal; }

ul > li { list-style-type: disc; }

ul ul > li { list-style-type: circle; }

a.external { background: url(/prx/000/http/jquery.vostrel.cz/images/external.gif) no-repeat right; padding-right: 12px; }

hr { display: none; }

xmp, code { display: block; background: black; padding: 10px; color: white; }

xmp { font-size: 116%; }

code { display: inline; padding: 0; color: white; font-size: 123.1%; }

.section { position: relative; margin: 0 -30px 1px -30px; padding: 12px 30px; }

#dict { position: absolute; font-family: Georgia; font-size: 85%; margin-bottom: 50px; height: 110px; width: 590px; }

#identity { position: relative; margin-top: 160px; }
#identity #icon { float: left; padding: 0 12px 13px 0; background: url(/prx/000/http/jquery.vostrel.cz/images/logo.png) no-repeat right bottom; }
#identity #icon .reel-preloader { display: none; }
#identity #shout { float: left; width: 340px; background: #bee548 url(/prx/000/http/jquery.vostrel.cz/images/arrow.png) no-repeat left top; padding: 14px 20px 0 50px; margin: 0 0 0 10px; height: 49px; }
#identity #shout strong { font-size: 138.5%; }
#identity #shout .alternative { display: block; font-size: 85%; }
#identity .iphone, #identity .android { position: absolute; }
#identity .iphone { right: 34px; top: 5px; background: url(/prx/000/http/jquery.vostrel.cz/images/iphone.gif) no-repeat; width: 142px; height: 90px; }
#identity .iphone span { display: none; }
#identity .android { right: 34px; top: -24px; background: url(/prx/000/http/jquery.vostrel.cz/images/android.png) no-repeat; width: 170px; height: 119px; }
#identity .android span { display: none; }

#general { clear: left; font-size: 116%; margin-top: 0; padding-top: 10px; }
#general p .new { font-size: 108%; }
#general ul { margin-bottom: 0; }
#general ul li { list-style-image: url(/prx/000/http/jquery.vostrel.cz/images/check.png); }

em.new, em.since, em.deprecated, em.removed { font-size: 77%; font-style: normal; font-weight: bold; background: #d21616; color: white; padding: 0 3px; }

em.deprecated, em.removed { background: black; }

#foot { background: black url(/prx/000/http/jquery.vostrel.cz/images/mac.gif) no-repeat right top; color: white; padding: 6px 0; border-top: 3px solid black; }
#foot a { color: white; }
#foot .trademarks { font-size: 77%; color: #666666; margin-top: 20px; text-align: justify; }

h1 { font-size: 260%; margin-bottom: 6px; }

h2 { font-size: 174%; margin: 12px 0; }

#fastfood { padding: 20px 30px; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: black; margin-bottom: 0; }
#fastfood h3 { font-size: 153.9%; }
#fastfood .more { text-align: right; }

#fastfood a.external, #download a.external, #badge a.external { background-image: url(/prx/000/http/jquery.vostrel.cz/images/external.inv.gif); }

.default { white-space: nowrap; }

#social { padding-top: 0; padding-bottom: 20px; color: #222222; line-height: 20px; vertical-align: middle; font-size: 85%; font-weight: bold; text-align: right; }
#social .follow a { text-decoration: none; color: #a8291b; }
#social .follow img { width: 32px; height: 32px; vertical-align: middle; }

#toc { position: absolute; margin: 0; padding: 0; top: 180px; padding-left: 10px; right: -140px; font-size: 93%; width: 130px; background: black; }
#toc li { display: block; margin: 0 0 1px 0; }
#toc li.selected a { color: white; }

.up { display: none; }

.top_anchor { display: block; position: relative; top: -30px; }

#demo { background: #eeee99; }
#demo .disclaimer { font-size: 85%; clear: left; }
#demo .block { position: relative; padding-top: 136px; }
#demo #formula-reel { position: absolute !important; left: 0; top: 0; }
#demo .new { font-size: 93%; }
#demo #mini-reel { position: absolute !important; left: 286px; top: 0; }
#demo #garden-reel { position: absolute !important; right: 0; top: 0px; }
#demo #outlook-reel .reel-annotation { color: #6a7587; white-space: nowrap; font-weight: bold; font-size: 108%; color: #6a7587; cursor: help; }
#demo #outlook-reel .reel-annotation a { color: #6a7587; text-decoration: none; }
#demo #outlook-reel .reel-annotation.far { font-size: 85%; color: #a3b4bc; }
#demo #outlook-reel .reel-annotation.far a { color: #a3b4bc; }
#demo #outlook-reel .reel-annotation.near { font-size: 163%; color: #fff5de; }
#demo #outlook-reel .reel-annotation.near a { color: #fff5de; }
#demo #outlook-reel .reel-annotation.title { font-size: 85%; color: white; }
#demo #outlook-reel .reel-annotation.title a { color: white; }
#demo #outlook-reel .reel-annotation.headline { font-size: 280%; opacity: 0.5; color: white; cursor: inherit; }
#demo #outlook-reel .reel-annotation.headline a { color: white; }

#how { background: #eeeeaa; }
#how .examples { padding-top: 10px; list-style: upper-alpha; }

#compatibility { background: #eeeebb; }
#compatibility .disclaimer { font-size: 85%; }

#free { background: #eeeedd; }
#free .instructions { margin-bottom: 20px; }
#free .badges { position: relative; height: 40px; }
#free .pledgie { position: absolute; left: 0; top: 0; }
#free .paypal { position: absolute; top: 6px; left: 160px; }

#uses { background: #eeeecc; }
#uses ul { margin-bottom: 0; }
#uses .logos { margin-left: -30px; }
#uses .hint { font-size: 85%; }

#news { background: #eeeeee; }
#news dd { padding-bottom: 5px; }
#news .inactual { text-decoration: line-through; }
#news .old { display: none; }
#news .all_news { display: block; position: relative; top: -15px; }
#news .rss { background: url(/prx/000/http/jquery.vostrel.cz/images/feed.gif); width: 24px; height: 24px; float: right; }
#news .rss span { display: none; }

#download, #fastfood, #badge { background: #2e992e; }
#download a, #fastfood a, #badge a { color: white; }

#syntax { background: #bee548; }

#options { background: #eeee99; }
#options table { margin: 12px 0 24px 0; }
#options table td { padding: 3px 8px 3px 2px; vertical-align: top; }
#options table .option, #options table .required { font-weight: bold; }
#options table .option, #options table .default, #options table .required { font-size: 116%; }
#options table .required { text-align: center; }
#options table .type, #options table .usage { padding-top: 5px; font-size: 85%; }
#options table th { background: #2e992e; border-right: 2px solid #eeee99; font-size: 93% !important; padding: 3px 8px 3px 2px !important; color: #eeee99; font-weight: bold; }

#requirements { background: #eeeeaa; }

#issues { background: #eeeebb; }

#author { background: #eeeecc; }
#author .czech { background: url(/prx/000/http/jquery.vostrel.cz/images/flag.czeu.gif) no-repeat right; padding-right: 32px; }

#next { background: #eeeedd; }
#next .done { color: #999999; }
#next .done strong { color: #2e992e; }
#next .done .links { display: inline; font-size: 85%; padding: 0; }
#next .done .links li { margin: 0 0 0 6px; display: inline; }

#changelog { background: #eeeeee; padding-bottom: 25px; }
#changelog dt { font-weight: bold; }
#changelog dd { font-size: 85%; margin-left: 16px; }
#changelog .changes { border-left: 2px solid black; }
#changelog .changes li { list-style-type: none; margin: 0 0 10px 13px; }
#changelog .changes li li { list-style-type: circle; margin: 0 0 0 20px; }
#changelog .old, #changelog .covert { display: none; }
#changelog .all_versions { display: block; position: relative; top: -15px; }

#badge .badge { float: left; cursor: pointer; margin-right: 30px; margin-bottom: 10px; margin-top: 2px; }
#badge .codegrab { color: white; margin-left: 150px; line-height: 30px; }
#badge .codegrab input { font-size: 93%; width: 430px; padding: 1px; }
#badge p { clear: left; }
#badge .HTML { font-size: 85%; background: transparent; color: black; padding: 0; margin: 0; }

.clickable { cursor: pointer; }

.rest_delete_form { display: inline; }

.padded { margin: 0 50px; }

.result { display: block; margin: 0 0 20px; }

#ad { background: black; }

#forkme img { position: absolute; top: -30px; right: -30px; }

pre { background: black; color: #e0c589; font-size: 93%; line-height: 123%; font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", Courier, "Courier New", monospace; padding: 20px 40px 20px 0; margin: 0; }
pre a { color: #89bdff; }
pre strong { color: #65b042; font-weight: normal; }
pre strong a { color: white; }
pre em { color: #bd89ff; font-style: normal; }
pre em em { font-weight: bold; }