/* CSS reset */
*{margin:0}
html{color:#000;}
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;outline: none;}
textarea{overflow:auto;vertical-align:top;}
legend{}
del,ins{text-decoration:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;overflow:visible;}
/* HTML5 Tags */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
/* Selectors */
html{height:100%;}
body{
	background-color:#EFEFEF;
	background: url(/images/background.jpg) left 150px no-repeat #EFEFEF;
	color:#3b3b3b;
	height:100%;
	font-family:Tahoma, Geneva, sans-serif;
	position:relative;
	font-size:.75em;
}
a{color:#c43b3b;text-decoration:underline;}
a:visited{color:#c43b3b;}
a:hover{color:#da002e;}
a:active{color:#da002e;}
b, strong{font-weight:bold;}
small{font-size:0.9em;}
h1, h2, h3, h4{font-weight:normal;}
::-moz-selection {
	color: #fff;
	background: #01c3ff;
}
::selection {
	color: #fff;
	background: #01c3ff;
}
input::-webkit-input-placeholder {color:#969696;}
input:-moz-placeholder {color:#969696 !important;}

/* Form */
input[type="text"], input[type="email"], input[type="tel"]{
	font-family:Tahoma, Geneva, sans-serif;
	background:#fff;
	border:0px solid #c6dee5;
	padding:5px;
	color:#555;
	width: 285px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
}
input[type="text"][maxlength="3"]{
	max-width: 32px;
}
input[type="text"][maxlength="6"]{
	max-width: 49px;
}
textarea{
	font-family:Tahoma, Geneva, sans-serif;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
	resize:vertical;
	min-height:100px;
	background:#fff;
	border:1px solid #c6dee5;
	padding:5px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 34, 75, .2);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 34, 75, .2);
	box-shadow:inset 0 1px 2px rgba(0, 34, 75, .2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus{
    -webkit-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    -moz-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    box-shadow:0 1px 3px rgba(0, 53, 98, .2);
}
input[type="text"]:invalid, input[type="email"]:invalid, input[type="tel"]:invalid, textarea:invalid{
	
}
label{
	display:block;
	margin:0 0 5px 0;
}

a.button, button.button {
	background: #e74c3c;
	display:block;
	padding: 10px 0px;
	width:237px;
	font-size:18px;
	border:0;
	cursor: pointer;
	color:#FFF;
	text-decoration:none;
	border-bottom: 2px solid #c0392b;
}

button.button {
	width: 295px;
}

/* Common */
.body-clip{
	overflow-y:hidden;
}

.general-header{
	background-color:#de4a4a;
	height:86px;
}

.onlinegenerator-header, .general-project.active a {
	background-color:#232323;
}


.onlinegenerator-header .container {
    background-image: url("http://preloaders.net/images/onlinegenerator-white.png");
	padding-top: 8px;
}

/* Markup */
#header{
min-width:980px;
margin-top:-6px;
}
	#logo{
		text-align:left;
		padding:35px 0;
		max-width:1200px;
		margin:0 auto;
	}
	#nav{
		margin-top:8px;
		padding:10px;
		text-align:center;
		font-size:1.4em;
	}
		#nav ul{}
			#nav ul li{
				display:inline-block;
			}
				#nav ul li a, #nav ul li a:visited{
					padding:10px 40px;
					display:inline-block;
					text-decoration:none;
					text-shadow:0 1px 0 #fff;
					-webkit-transition: color 0.3s ease-out;
					-moz-transition: color 0.3s ease-out;
					-ms-transition: color 0.3s ease-out;
					-o-transition: color 0.3s ease-out;
					transition: color 0.3s ease-out;
				}
				#nav ul li a.current, #nav ul li a:hover{
					color:#FFF;
					background: #232323;
					text-shadow:none;
				}
#content{
	padding:0px;
	font-size:1.15em;
}
	#content .container{
		max-width:1200px;
		min-width:990px;
		margin:0 auto;
	}
	#content .container .wrap{padding:0; text-align:center;}
	
	.container{
		padding:0 0 5px 0;
		
	}
		.container > .wrap{
			padding:0 25px;
			
		}
	#content h1{
		font-size:1.8em;
		margin:0 0 20px 0;
	}
	#content h2{
		font-size:2em;
		color:#555;
		margin:0 0 10px 0;
		text-align: center;
	}
	#content h3{
		font-size:1.2em;
		text-align:center;
	}
	#content p{
		margin:10px 0;
		line-height:1.42em;
	}
	#content ul{}
		#content ul li{
			margin:15px 0;
		}
	.date{
		color:#707070;
		font-size:0.9em;
	}
	#content article{
		margin:0 0 40px 0;
	}
#generators{
	text-align:center;
	padding:40px 0 0 0;
}
	#generators article{
		width:230px;
		margin:0 8px 10px 8px;
		display:inline-block;
		vertical-align:top;
		text-align:left;
		height:300px;
		line-height:1.6em;
		cursor:pointer;
		padding:0;
	}
	#generators article.inactive{
		cursor:default;
	}
		#generators article .wrap{
			height:295px;
		}
			#generators header{
				height:35px;
			}
				#generators header ul{
					float:right;
					padding:15px 0 0 0;
					display:none;
				}
				#generators article:hover header ul{
					display:block;
				}
					#generators header ul li{
						float:left;
						margin:0 0 0 8px;
					}
						#generators header ul li a, #generators header ul li a:visited{
							background:url(../images/icons.png) no-repeat 0 0 scroll;
							display:block;
							width:16px;
							height:13px;
						}
						#generators header ul li a.external{
							background-position:0 -38px;
						}
						#generators header ul li a.inside{
							background-position:0 -57px;
						}
						#generators header ul li a.external:hover{
							background-position:0 0;
						}
						#generators header ul li a.inside:hover{
							background-position:0 -19px;
						}
			#generators h1{
				padding:0 0 12px 0;
			}
			#generators h2{
				font-size:1.3em;
				color:#000;
				margin:0 0 20px 0;
			}
			#generators h3{
				text-align:center;
				padding:25px 0 0 0;
			}
			#generators p{
				font-size:1.15em;
				color:#434343;
			}
	.capcha{
		padding:5px 0 0 0;
	}
		.capcha-img{
			float:left;
			margin:0 5px 0 0;
		}
			.capcha-img img{
				display:block;
			}
		.capcha a, .capcha a:visited{
			font-size:0.9em;
		}
#footer{
	height:50px;
	padding:50px 0 0 0;
	text-shadow:0 1px 0 #fff;
	width:930px;
	margin:0 auto;
}
	.copyright{color:#787878;float:left}
	.share{float:right;}

	#heading{
		background:#434343;
		color:#e0e0e0;
		height:30px;
		line-height:2.4em;
		width:98%;
		margin:10px auto 0;
		text-shadow:0 1px 0 #000;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
		#heading-content{
			float:left;
			padding:0 0 0 30px;
		}
		#close, #close:visited{
			background:url(../images/close.png) no-repeat 100% 50% scroll;
			float:right;
			color:#e0e0e0;
			margin:0 30px 0 0;
			padding:0 15px 0 0;
		}
		#close:hover{
			color:#fff;
		}
	#windowcontent{
		width:100%;
		height:100%;
	}
		#windowcontent iframe{
			margin:0 auto;
			display:block;
			border:0;
			width:98%;
			height:95%;
			background:url(/images/ajax_loader.gif) center center no-repeat #FFF;
		}
		
		.err{
			border:1px solid #df0000;
			color:#df0000;
			margin:auto;
			padding:10px 20px;
			width:300px;
			text-align:center;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		
		.confirm{
			border:1px solid #009719;
			color:#009719;
			margin:auto;
			padding:10px 20px;
			width:300px;
			text-align:center;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

.form_wrapper{
	position:fixed;
	left:100px;
	top:100px;
	background:#FFF;
	padding:20px;
	min-width:900px;
	z-index: 2100;
	display:none;
	overflow: auto;
}
		
.generator_form{
	float:left;
	width:280px;
}
		
.preloaders{
    position:relative;
	height:50px;
	z-index:10000;
}

.preloaders .selection_box{
	background:#FFF;
	position:relative;
    border:0;
    width:107px;
    height:30px;
    padding:10px 30px 10px 10px;
    text-align:center;
	cursor:pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
    -webkit-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    -moz-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    box-shadow:0 1px 3px rgba(0, 53, 98, .2);
}

.preloaders .selection_arrow{
    position:absolute;
    top:50px;
    left:120px;
    width:11px;
    height:8px;
    background:url(/images/arrow_down.gif) no-repeat;
}

.preloaders .preloaders_list{
    overflow:auto;
    width:950px;
    height:400px;
    position:absolute;
    left:0px;
    top:79px;
    border:0;
    padding:15px 5px 15px 15px;
    text-align:center;
    display:none;
    background:#EFEFEF;
    z-index:10000;
    -webkit-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    -moz-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    box-shadow:0 1px 3px rgba(0, 53, 98, .2);
}

.preloaders .preloaders_list .preloader{
    margin: 6px 10px;
	text-align:center;
    cursor:pointer;
	background:#FFF;
    border:1px solid #DDD;
    padding:5px;
	float:left;
	width:100px;
	height:100px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.preloaders .preloaders_list .preloader .info{
	background:#28bdff;
	font-size:9px;
	color:#FFF;
	margin-bottom:10px;
}

.preloaders .preloaders_list .preloader:hover{
    border:1px solid #999;
}

.preloaders .preloaders_list .preloader:hover .info{
	background:#0e719d;
}

.preloaders .preloaders_list .preloader .preloader_name{
	position:absolute;
	left:0;
	bottom:0;
	font-size:9px;
	text-align:center;
	width:74px;
	color:#FFF;
}

.preloaders .preloaders_list .preloader:hover .preloader_name{
	color:#555;
}

.form_item{
	float:left;
	padding:0 15px 0 0;
	height:75px;
	width:110px;
	position:relative;
}

.form_item_title{
	height:20px;
	text-align:left;
	font-size:13px;
}

.form_item input[type=text]{
	width:70px;
}

.form_item input[type=text].sizes{
	width:30px;
}

.form_item .color_preview, .form_item .text_format{
	width:40px;
	height:27px;
	margin-top:7px;
	background:#FFF;	
	border:0 solid;
	position:absolute;
	left:72px;
	top:-7px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);
}

 .form_item .text_format{
	margin-left:5px;
	background:url(/images/format_text.png) left top no-repeat;
	font-size:11px;
	padding-left:17px;
	width:65px;
 }

 .form_item .format_box{
	position:absolute;
	left:5px;
	top:85px;
	min-width:350px;
	min-height:150px;
	background:#FFF;
	padding:15px;
	display:none;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
    -webkit-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    -moz-box-shadow:0 1px 3px rgba(0, 53, 98, .2);
    box-shadow:0 1px 3px rgba(0, 53, 98, .2);
}

.form_item .format_box table tr td{
	padding:5px 8px;
}

.text_style_format{
	background:url(/images/text_format.png) no-repeat scroll 0px 0px #FFF;
	width:28px;
	height:28px;
	float:left;
	margin-right:8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.text_style_format.bold{
	background-position:0 0;
}


.text_style_format.bold.active{
	background-position:0 -28px;
}

.text_style_format.italic{
	background-position:-28px 0;
}

.text_style_format.italic.active{
	background-position:-28px -28px;
}

.text_style_format.underline{
	background-position:-56px 0;
}

.text_style_format.underline.active{
	background-position:-56px -28px;
}

#sampleText{
	font-family:Arial;
	font-size:25px;
	text-align:center;
	margin-top:15px;
}

#textFontCustom{
	width:150px;
}
 
.form_item input[type=text].color_select{
	background:url(/images/color_back.png) 5px 8px no-repeat;
	padding-left:17px;
	width:90px;
}



.size_slider{
	position:absolute; 
	left:43px; 
	top:30px; 
	background:url(/images/size_slider.png) 4px 11px no-repeat; 
	width:20px; 
	height:30px; 
	cursor:e-resize;
}

.font_size_slider{
	position:absolute; 
	left:235px; 
	top:116px; 
	background:url(/images/vertical_slider.png) 4px 11px no-repeat; 
	width:30px; 
	height:20px; 
	cursor:n-resize;
}

.preview{
    text-align:center;
    min-height:340px;
	float:left;
	position:relative;
	width: calc(100% - 280px);
	overflow:hidden;
}


/*FOOTER*/
.footer{
        height: 160px;
		clear:both;
		text-shadow:0 1px 0 #fff;
        min-width: 980px;
        background: rgba(0, 0, 0, .02);
        padding: 20px 0 0 0;
		margin-top:40px;
	}
    .footer-inner{
        padding: 0 6%;
    }
		.copyright{
            color:#858585;
            height: 64px;
            padding: 66px 96px 0 0;
            border-right: 1px solid #c3c3c3;
            margin: 0 39px 0 0;
            float: left;
        }
            .copyright a, .copyright a:visited{
                position: relative;
                color: #5d6874;
                border-color: #cbcdcf;
            }
            .copyright a:hover{
                color: #df0000;
                border-color: #ff9c9c;
            }
                .og-logo{
                    background: url(/images/og.png) no-repeat 0 0 scroll;
                    display: block;
                    width: 218px;
                    height: 34px;
                    position: absolute;
                    top: -45px;
                    left: -80px;
                }
                .copyright a:hover .og-logo{
                    background-position: 0 -37px;
                }
        .footer-links{
            float: left;
            padding: 25px 0 0 0;
        }
            .footer-nav{
                margin: 0 0 20px 0;
				padding-left:0px;
            }
                .footer-nav li{
                    display: inline-block;
                    margin: 0 0 0 25px;
                }
                .footer-nav li:first-child{
                    margin: 0;
                }
                    .footer-nav a, .footer-nav a:visited{
                        color: #5d6874;
                        border-color: #cbcdcf;
                    }
                    .footer-nav a:hover{
                        color: #df0000;
                        border-color: #ff9c9c;
                    }
            .our-generators{
				padding-left:0px;
				padding-top:5px;
            }
                .our-generators li{
                    display: inline-block;
                    margin: 0 0 0 25px;
                }
                .our-generators li:first-child{
                    margin: 0;
                }
        .follow{
            padding: 20px 0 0 0;
        }
            .follow li{
                float: left;
                margin: 0 0 0 15px;
            }
            .follow li:first-child{margin: 0;}
                .follow li a, .follow li a:visited{
                    background: url(../images/follow.png) no-repeat 0 0 scroll;
                    text-indent: 100%;
                    overflow: hidden;
                    display: block;
                    width: 15px;
                    height: 15px;
                }
                .follow li a.facebook{background-position: 0 0;}
                .follow li a.twitter{background-position: -18px 0;}
                .follow li a.vk{background-position: -36px 0;}
                .follow li a.email{background-position: -54px 0;}

                .follow li a.facebook:hover{background-position: 0 -18px;}
                .follow li a.twitter:hover{background-position: -18px -18px;}
                .follow li a.vk:hover{background-position: -36px -18px;}
                .follow li a.email:hover{background-position: -54px -18px;}
        .footer-social{
            clear: both;
            margin: -40px 0 0 0;
            float: right;
        }
        .footer-social:after{
            content: '';
            clear: both;
            display: block;
        }
            .footer-social li{
                float: left;
                margin: 0 0 0 20px;
            }
            .footer-social li:first-child{
                margin: 0;
            }
		@media screen and (min-width: 1200px) {
        .footer-social{
            clear: none;
            padding: 20px 0 0 0;
            margin: 0;
        }
    }

	
.preview_back{
    position:absolute;
    right:60px;
    top:25px;
}

.preview_back div{
    position:absolute;
	top:0px;
    border:1px solid #FFF;
    width:30px;
    height:30px;
    margin: 0 5px;
    cursor:pointer;
    -webkit-box-shadow:0 1px 3px rgba(0, 53, 98, .5);
    -moz-box-shadow:0 1px 3px rgba(0, 53, 98, .5);
    box-shadow:0 1px 3px rgba(0, 53, 98, .5);
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.preview_back div.black{
    background:#000;
	right:15px;
}

.preview_back div.white{
    background:#FFF;
	right:55px
}

.preview_back div.transp{
    background:url(/images/transparent.gif);
	right:-25px;
}

.preview_back div.colorful{
    background:url(/images/color_picker_icon_big.png);
	right:95px;
}

.full_overlay{
	background:url(/images/overlay.png);
	position:absolute;
	z-index:10000;
	left:0px;
	top:0px;
	display:none;
}

.dialog_box{
	text-align:left;
	position:absolute;
	display:none;
	background:#FFF;
	width:800px;
	height:480px;
    padding:50px 10px 10px 10px;
	z-index:11000;
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.dialog_box .dialog_header{
	height:10px;
	padding:20px;
	background:#434343;
	width:780px;
	color:#FFF;
	text-shadow:0 1px 0 #000;
	position:absolute;
	left:0px;
	top:0px;
    -moz-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.dialog_box .close{
	cursor:pointer;
	width:10px;
	height:10px;
	position:absolute;
	right:22px;
	top:22px;
	background:url(/images/close.png);
	z-index:200;
}

.dialog_content{
	padding:0 20px;
	text-align:left;
	height:460px;
	margin-top:10px;
	overflow:auto;
}

.copy{
	margin-top:-15px;
	padding:10px;
}

.copy span{
	margin:0px;
}

ul.browsers li img{
	vertical-align:middle; 
	width:32px; 
	height:32px;
	margin-right:15px;
}

.language_select_link{
	width:90px;
	background:url(/images/russian.png) left 8px no-repeat;
}

.howto{
	background:#FFF; 
	padding:10px; 
	margin:50px auto;
	text-align:left;
	width:800px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.prefixes{
	width:500px;
	margin-left:130px;
}

.prefixes input[type=checkbox]{
	margin-left:15px;
	margin-top:2px;
}

.prefixes label{
	margin-left:4px;
}

.prefixes span, .prefixes div,.prefixes input,.prefixes label {
	float:left;
}

.prefixes-list .what-is-prefix{
	width:10px;
	height:10px;
	margin:-3px 0 0 10px;
	padding:5px 5px 11px 10px;
	cursor:normal;
	color:#888;
	cursor:help;
	background:#EFEFEF;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	border-radius:15px;
}

.prefixes-list .prefix-explanation{
	background:#F5F5F5;
	padding:10px;
	width:400px;
	height:150px;
	display:none;
	color:#555;
	text-shadow:none;
	position:absolute;
	right:0px;
	bottom:30px;
	line-height:20px;
	-webkit-box-shadow:0 1px 5px rgba(0, 69, 122, .3);
	-moz-box-shadow:0 1px 5px rgba(0, 69, 122, .3);
	box-shadow:0 2px 2px rgba(0, 69, 122, .2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.prefixes .prefix_explanation table tr td{
	padding:5px;
}


.displaynone{
	display:none;
}

.loader-preview{
	cursor:pointer;
	width: 180px;
	height: 250px;
	position:relative;
	display:inline-block;
	background:#FFF;
	text-align:center;
	margin:20px 22px;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.loader-preview iframe{
	border:0;
	width: 181px;
	height:200px;
	overflow: hidden !important;
}

.loader-preview .loader-overlay{
	width: 180px;
	height:210px;
	position:absolute;
	left:0;
	top:0;
}

.loader-preview .loader-preview-image{
	margin-top:50px;
}

.loader-preview-title{
	color:#FFF;
	font-size:11px;
	background: #232323;
	position:absolute;
	bottom:0;
	left:0;
	width:160px;
	height:20px;
	text-align:left;
	padding:10px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

.loader-preview-title a{
	color:#FFF;
	font-size:11px;
}

.loader-preview .editable-ribbon-en, .loader-preview .editable-ribbon-ru{
	width:55px;
	height:56px;
	position:absolute;
	top:0;
	right:-3px;
	background:url(/images/editable.png) left top no-repeat transparent;
}

.loader-preview .editable-ribbon-ru{
	width:55px;
	height:56px;
	position:absolute;
	top:0;
	right:-3px;
	background:url(/images/editable_ru.png) left top no-repeat transparent;
}

.loader-category{
	width: 180px;
	height: 250px;
	position:relative;
	display:inline-block;
	background:#FFF;
	text-align:center;
	margin:20px 22px;
	overflow:hidden;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.loader-category-title{
	background: rgba(0,0,0,0.8);
	color:#FFF;
	font-size:24px;
	padding: 10px;
	position:absolute;
	bottom:0;
	height:30px;
	cursor:pointer;
	width:calc(100% - 20px);
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.loader-category:hover .loader-category-title{
	height:230px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.loader-category:hover .loader-category-title span{
	display:block;
}

.loader-category-title a{
	color:#FFF;
	text-decoration:none;
}



.loader-category-title span{
	display:block;
	margin-top:10px;
	font-size:14px;
	display:none;

}


.paging{
	width:50px;
	float:right;
	margin-top:22px;
}

.paging a{
	display:block;
	margin-bottom:10px;
	background:#FFF;
	width:50px;
	height:18px;
	padding:16px 0;
	text-align:center;
	color:#232323;
	text-decoration:none;
}

.paging a:hover{
	background-color:#DDD;
}

.paging a.current{
	background: #232323;
	color:#FFF;
}

.paging.no-height{
	width:100%;
	text-align:center;
}

.paging.no-height a{
	display:inline-block;
	margin:0 15px;
	padding:16px 40px;
}

.page-overlay{
	background:rgba(0, 0, 0, .5);
	width: 100%;
	height:1000px;
	position:fixed;
	left:0;
	top:0;
	z-index:2000;
	display:none;
}

.code-downloads{
	width:90%;
	max-width:1200px;
	height:600px;
	background:#FFF;
	position:fixed;
	left:0;
	top:0;
	display:block;
	margin:auto;
	z-index:2100;
	display:none;
}

.code-downloads-contents{
	width:calc(100% - 40px);
	padding:20px;
}

.html-code{
	width:49%;
	height:300px;
	float:left;
}

.css-code{
	width:49%;
	height:300px;
	float:right;
}

pre code{
	height:280px;
}

.code-preview{
	width:100%;
	overflow:hidden;
	margin-top:20px;
	height:240px;
	float:left;
	position:relative;
}

a.copy-html, a.copy-css, a.copied-html, a.copied-css{
	position:absolute;
	top:340px;
	display:block;
	padding:10px 0;
	background:#333;
	border-bottom:2px solid #000;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index: 2;
	width:150px;
	text-align:center;
}

a.copied-html, a.copied-css{
	top:320px;
	z-index:1;
	display:none;
	
}

a.copy-html, a.copied-html{
	left: 20px;
}

a.copy-css, a.copied-css{
	right: 20px;
}

.loading-animation{
	position: absolute;
	left:300px;
	top:25px;
	border-radius: 5px;
	background: #FFF;
	color:555;
	display:none;
}

.close-generator{
	position: absolute;
	right:10px;
	top:10px;
	width:10px;
	height:10px;
	cursor:pointer;
	background:url(/images/close-generator.gif) center center no-repeat transparent;
}

#backToGenerator{
	position:absolute;
	left:20px;
	bottom:10px;
	cursor:pointer;
	text-decoration:none;
	display:block;
	padding-bottom:2px;
}

.prefixes-list{
	position:absolute;
	right:20px;
	bottom:10px;
	display:block;
}

.prefixes-list .prefix, .prefixes-list .what-is-prefix{
	display:inline-block;
	margin-right:10px;
}

.prefixes-list .prefix input[type=checkbox]{
	margin-top:5px;
	float:left;
}

.prefixes-list .prefix label{
	display: inline-block;
	padding: 3px 10px 0px 10px;
}

.b.b-horizontal{
	background: #FFF none repeat scroll 0 0;
    border-radius: 5px;
    height: 100px;
    margin: 15px 0 15px 0px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

.b.b-horizontal:nth-of-type(2){
	margin-top:250px;
}

.hidey {
    background: #babbbb none repeat scroll 0 0;
    border-radius: 49px;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    font-weight: 500;
    height: 42px;
    padding-top: 7px;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 49px;
	text-decoration: none;
}

.hidey:hover {
    background: #aaa;
	color:#FFF;
	text-decoration:none;
}

a.language_select_link{
	width:100px;
	padding:2px 15px 3px 27px;
	background:url(/images/russian.png) left top no-repeat;
	margin-top:8px;
	margin-left:0px;
	line-height:25px;
	color:#FFF;
	text-decoration: none;
}

a.language_select_link:hover{
	text-decoration: underline;
}

.container.text-page{
	background: #FFF;
	padding: 20px;
}

.rating{
	display:block;
	margin-left:10px;
	margin-top: 41px;
	text-align:center;
}

.rating-star{
	display:inline-block;
	width: 16px;
	height: 15px;
	cursor: pointer;
	background:url(/images/star-empty.png) left top no-repeat transparent;
}

.rating-star.filled{
	background:url(/images/star-full.png) left top no-repeat transparent;
}


@media only screen and (max-height: 805px){
	.form_item{
		height:65px;
	}
}