@charset "UTF-8";
html{
	direction: ltr; 

}
.clear-fix{
	clear: both;
	line-height: 1px;
}


/*CUSTOM DEMO STYLES*/
/*MAIN CONTAINER*/
[data-zlname]{
	margin-bottom: 20px;
	width: 100%;
}
/*TEST*/
[data-zlname = test] [data-zl-popup]{
	font-size: 14px;
	line-height: 24px;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: left;
	background: #fff;
	color: #474747;
	border-radius: 5px;
}
/*TEST-reverse*/
[data-zlname = test-reverse] [data-zl-popup]{
	font-size: 14px;
	line-height: 24px;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: left;
	background: #fff;
	color: #474747;
	border-radius: 5px;
}
/*TEST 2*/
[data-zlname = test2] [data-zl-popup]{
	width: 60px;
	height: 60px;
	padding: 0;
}
[data-zlname = test2] [data-zl-popup = link]{
	background: url(twitter.png) no-repeat;
}
[data-zlname = test2] [data-zl-popup = link2]{
	background: url(facebook.png) no-repeat;
}
/*TEST 2-reverse*/
[data-zlname = test2-reverse] [data-zl-popup]{
	width: 60px;
	height: 60px;
	padding: 0;
}
[data-zlname = test2-reverse] [data-zl-popup = link]{
	background: url(twitter.png) no-repeat;
}
[data-zlname = test2-reverse] [data-zl-popup = link2]{
	background: url(facebook.png) no-repeat;
}
/*TEST 3*/
[data-zlname = test3] [data-zl-popup]{
	width: 50px;
	height: 50px;
	padding: 0;
	background: url(../img/glass.png) 50% 50% no-repeat;
}
/*TEST 4*/
[data-zlname = test4] [data-zl-popup]{
	width: 70px;
	height: 70px;
	border-radius: 70px;
	padding: 0;
}
[data-zlname = test4] [data-zl-popup = link]{
	background: url(up.png) no-repeat;
}
[data-zlname = test4] [data-zl-popup = link2]{
	background: url(down.png) no-repeat;
}
/*TEST 5*/
[data-zlname = test5] [data-zl-popup]{
	width: 65%;
	height: 70%;
	padding: 0;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #c8c8c8;
}
[data-zlname = test5] [data-zl-popup] input{
	width: 60%;
	height: 20%;
	padding: 0;
	padding-left: 2px;
	margin-top:6%;
	border: 1px solid #c8c8c8;
	background: #e2e2e2;
}
[data-zlname = test5] [data-zl-popup] .sub_zl{
	background: #fff;
	cursor: pointer;
}
/*TEST 6*/
[data-zlname = test6] [data-zl-popup]{
	width: 80px;
	height: 80px;
	padding: 0;
	text-decoration: none;
}
[data-zlname = test6] [data-zl-popup = link]{
	background: #9643fc url(camera.png) no-repeat;
	background-position: 50% 50%;
}
[data-zlname = test6] [data-zl-popup = link2]{
	background: #fcbd43 url(note.png) no-repeat;
	background-position: 50% 50%;
}
/*TEST 7*/
[data-zlname = test7] [data-zl-popup]{
	width: 80px;
	height: 80px;
	background: url(bulb.png) no-repeat;
	background-position: 50% 50%;
}
/*TEST 8*/
[data-zlname = test8] [data-zl-popup]{
	width: 80px;
	height: 80px;
	padding: 0;
	background: url(cart.png) no-repeat;
}
/*TEST 8-reverse*/
[data-zlname = test8-reverse] [data-zl-popup]{
	width: 80px;
	height: 80px;
	padding: 0;
	background: url(cart.png) no-repeat;
}
/*TEST 9*/
[data-zlname = test9] [data-zl-popup]{
	width: 80px;
	height: 80px;
	padding: 5px;
}
[data-zlname = test9] [data-zl-popup = link]{
	background: url(left.png) no-repeat;
	background-position: 50% 50%;
}
[data-zlname = test9] [data-zl-popup = link2]{
	background: url(right.png) no-repeat;
	background-position: 50% 50%;
}