@charset "utf-8";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,article,aside,canvas,details,figcaption,figure,footer,#header,hgroup,menu,nav,section,audio,video{margin:0;padding:0;-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,#header,hgroup,menu,nav,section{display:block}
body,input,textarea,select,button,table,th,td,h1,h2,h3,h4,h5,h6{font-size:14px;font-family: 'Lucida Grande','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','Hiragino Kaku Gothic ProN','NanumGothic','Malgun Gothic',sans-serif,dotum,Helvetica,line-height:1.25em;}
body{position:relative;color:#000;-webkit-text-size-adjust:none;}/* v2 삭제 - background-color:#f7f7f7; */
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}
hr,legend{display:none !important}
button{border:0;background:none;cursor:pointer;-webkit-appearance:none}
.hide,.skip{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}

/* 공통 헤더 */
#header{position:relative;z-index:2;}
#divHeader{position:relative;height:50px;background:#ffe200;}
#divHeader h1{position:absolute;top:18px;left:16px;}
#divHeader h1 a{display:block;width:109px;height:17px;background:url('../img/header_logo.gif') no-repeat;background-size:109px 17px;overflow:hidden;text-indent:-1000px;}
#divHeader h2{position:absolute;top:0;right:13px;}
#divHeader h2 span,#divHeader h2 a{display:inline-block;line-height:50px;font-size:16px;color:#392d2d;font-weight:bold;}

/* 공통 네비게이션 */
.m_nav{background:#463b3b;}
.m_nav ul{display:table;width:100%;text-align:center;table-layout:fixed;}
.m_nav li{display:table-cell;}
.m_nav li a{display:block;border-left:1px solid #362d2d;line-height:40px;font-size:14px;color:#c8c5c5;font-weight:bold;}
.m_nav li a.on{color:#ffe200;background:#2e2727;}
.m_nav li:first-child a{border:0;}

/* 공통 푸터 */
.footer_wrap{position:relative;}
.footer_wrap .ig{position:absolute;top:10px;left:10px;z-index:1;}
.footer_wrap .ig a{display:inline-block;height:39px;}
.footer_wrap .ig img{height:20px;}
#divFooter{position:relative;height:156px;background:#353535;}
#divFooter .pg_top{border-bottom:1px solid #464646;height:39px;}
#divFooter .pg_top .bt{position:absolute;top:0;right:0;border-left:1px solid #464646;}
#divFooter .pg_top .bt a{display:block;padding:0 12px 0 10px;line-height:39px;color:#aeaeae;}
#divFooter .pg_top .bt em{display:inline-block;padding-right:5px;width:8px;height:8px;background:url('../img/footer_img.gif') no-repeat;background-size:29px auto;}
#divFooter .link{margin-top:19px;height:48px;text-align:center;}
#divFooter .link li{display:inline-block;padding:0 1px;}
#divFooter .link a{display:inline-block;border:1px solid #202020;border-radius:5px;width:59px;line-height:26px;font-size:12px;letter-spacing:-1px;background:#202020;color:#aaaaaa;vertical-align:middle;}
#divFooter .link .w4 a{border:0 none;width:29px;height:29px;background:url('../img/footer_img.gif') 0 -8px no-repeat;background-size:29px auto;}
#divFooter .link .w4 a.youtube{margin-left:6px;background-position:0 -37px;}
#divFooter .copy{text-align:center;}
#divFooter .copy a{display:inline-block;padding:0 1px;color:#797979;font-size:12px;letter-spacing:-1px;vertical-align:middle;}
#divFooter .copy .bar{color:#4c4c4c;vertical-align:middle;}/*text-shadow:1px 0 0 #3b3b3b;*/
#divFooter .copy address{display:inline-block;padding:0 1px;color:#868686;font-size:12px;letter-spacing:-1px;vertical-align:middle;}
#divFooter .copy address em{color:#868686;}
#divFooter .copy address strong{color:#868686;font-weight:normal}

.footer_copy #divFooter{height:auto;background:none;}
.footer_copy .ig,.footer_copy #divFooter .link,.footer_copy #divFooter .copy .bar,.footer_copy #divFooter .copy a{display:none;}
.footer_copy #divFooter .pg_top{border:0 none;height:68px;}
.footer_copy #divFooter .pg_top .bt{top:30px;right:10px;border-left:0 none;}
.footer_copy #divFooter .pg_top .bt a{padding:0 6px 0 8px;border:1px solid #ccc;border-radius:4px;line-height:26px;color:#444;}
.footer_copy #divFooter .pg_top .bt em{vertical-align:middle;margin-bottom:2px;padding-right:3px;width:10px;height:10px;background:url('../img/arr_top.gif') no-repeat;background-size:10px auto;}
.footer_copy #divFooter .copy{padding-top:23px;height:37px;background:#353535;}

/* sitemap */
.n_sitemap{display:none;position:relative;z-index:20}
.n_sitemap .box{padding:17px 0 2px 10px;border-top:1px solid #030e2d;border-bottom:1px solid #7b8ec6;background:#f8f9fb;text-align:left;-webkit-box-shadow:inset 0 2px 0 #babbbc}
.n_sitemap .box_sub{padding-bottom:10px}
.n_sitemap h4{margin-bottom:6px;color:#cc6600;font-size:.79em;letter-spacing:-1px}
.n_sitemap h4 span{display:inline-block;padding:2px 0}
.n_sitemap h4 a{display:inline-block;padding:2px 9px 2px 0;color:#cc6600;background:url(../img/sitemap_ic_arr.gif) 100% 6px no-repeat;text-decoration:underline}
.n_sitemap ul{overflow:hidden;padding-left:1px}
.n_sitemap li{display:inline-block;margin:3px 9px 3px 0;background:url(../img/sitemap_ic_dot.gif) 0 50% no-repeat}
.n_sitemap li a{display:inline-block;padding:2px 6px;white-space:nowrap;letter-spacing:-1px}
.n_sitemap li strong{font-weight:normal;vertical-align:middle}

/* 공통 페이지네이션 */
.bbs_paging{overflow:hidden;clear:both;padding-top:18px;height:41px;text-align:center;white-space:nowrap;}
.bbs_paging .tx_num a{display:inline-block;padding:4px 9px 0 9px;border:1px solid #c2c2c2;height:20px;color:#c2c2c2;font-size:.79em;}
.bbs_paging .tx_num a:hover,.bbs_paging .tx_num strong{display:inline-block;padding:4px 9px 0 9px;border:1px solid #c37d24;height:20px;color:#c37d24;font-size:.79em;}
.bbs_paging .arr{display:inline-block;vertical-align:top;width:33px;height:26px;overflow:hidden;text-indent:-1000px;}
.bbs_paging .arr_prev{background:url('../img/bbs/arr_prev.gif') no-repeat;}
.bbs_paging .arr_next{background:url('../img/bbs/arr_next.gif') no-repeat;}

.n_page_new{overflow:hidden;clear:both;padding:10px 0 5px;text-align:center;white-space:nowrap; position:absolute; left:0; bottom:16px; width:100%;}
.n_page_new .pagenum{display:inline-block;margin:0 2px 0 3px;color:#888;font-size:14px;text-align:center}
.n_page_new .pagenum strong{color:#cc6600;font-weight:normal}
.n_page_new .pagenum .dot{display:inline-block;overflow:hidden;width:5px;height:5px;margin:0 2px;color:transparent;text-indent:-999em;vertical-align:middle;cursor:pointer;
	border:1px solid #989898;
	border-radius:5px;
	background:#fff}
.n_page_new .pagenum .dot.current{
	border:1px solid #c17a1e;
	background:#f9bb00}
.n_page_new .pagenum .num{display:inline-block;width:21px;height:18px;margin:0 4px 0 3px;padding-top:2px;color:#333;font-size:11px;vertical-align:middle;cursor:pointer;
	border:1px solid #c2c2c2;
	background:#fff}
.n_page_new .pagenum .num.current{
	background:#f9bb00;
	border:1px solid #c37d24;}
.n_page_new .arrow{display:none;}

/* 공통 버튼 */
.n_bt{display:inline-block;vertical-align:middle;font-size:0}
.n_bt span{display:block;padding:8px 22px;font-size:14px;line-height:1.25em;letter-spacing:-1px;text-align:center;border-radius:3px}
.n_bt .bt_blue{color:#fff;
	border:1px solid #421200;
	background:#864127;
	background:-webkit-gradient(linear,0 0,0 100%,from(#864127),to(#532f22));
	background: linear-gradient(top, #864127, #532f22);
	box-shadow:inset 0 1px 0 #a87458}
.n_bt .bt_blue:active{
	background:#401b0d;
	background:-webkit-gradient(linear,0 0,0 100%,from(#401b0d),to(#421c0d));
	background: linear-gradient(top, #401b0d, #421c0d)}
.n_bt .bt_blue2{color:#221a2d;
	border:1px solid #b6b6b6;
	background:#fff;
	background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e3e3e2));
	background: linear-gradient(top, #fff, #e3e3e2)}
.n_bt .bt_blue2:active{
	background:#e3e3e1;
	background:-webkit-gradient(linear,0 0,0 100%,from(#e3e3e1),to(#fff));
	background: linear-gradient(top, #e3e3e1, #fff)}
.n_bt .bt_off{color:#939393;
	border:1px solid #ccc;
	background:#d4d4d4;
	background:-webkit-gradient(linear,0 0,0 100%,from(#dbdbdb),to(#cdcdcd));
	background:-moz-linear-gradient(center top, #dbdbdb 0%, #cdcdcd 100%);
	box-shadow:inset 1px 1px 1px #e3e3e3;}
.n_bt .bt_white{color:#221a2d;
	border:1px solid #b6b6b6;
	background:#fff;
	background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e3e3e2));
	background: linear-gradient(top, #fff, #e3e3e2)}
.n_bt .bt_white:active{
	background:#e3e3e1;
	background:-webkit-gradient(linear,0 0,0 100%,from(#e3e3e1),to(#fff));
	background: linear-gradient(top, #e3e3e1, #fff)}
.n_bt .bt_gray{color:#fff;
	border:1px solid #565656;
	background:#9a9a9a;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#9a9a9a), to(#7c7c7c));
	background: linear-gradient(top, #9a9a9a, #7c7c7c);
	box-shadow:inset 0 1px 0 #b0b0b0}
.n_bt .bt_gray:active{
	background:#5f5f5f;
	background:-webkit-gradient(linear,0 0,0 100%,from(#5f5f5f),to(#616161));
	background: linear-gradient(top, #5f5f5f, #616161)}
.n_bt_area{padding:20px 0 30px;text-align:center}
.n_bt_area .n_bt{margin:0 3px 0 2px}

/* 공통 에러 */
.n_err_area{position:relative;text-align:center;padding-top:79px}
.n_err_area:after{position:absolute;top:20px;left:50%;width:52px;height:45px;margin-left:-27px;background:url(../img/sp_ic.png) 0 -30px no-repeat;content:''}
.n_err_area img{vertical-align:top}
.n_err_area .err_tit{padding:0 20px;color:#4a4355;font-size:14px;font-weight:bold;line-height:18px}
.n_err_area .err_txt{padding:0 20px;color:#9d9b91;font-size:12px;line-height:14px;margin-top:10px}

.n_err_close{text-align:center;padding-top:160px;background:url(../img/cm_ic_close.png) 50% 24px no-repeat}
.n_err_close img{vertical-align:top}
.n_err_close .err_tit{padding:0 20px;color:#cc6600}
.n_err_close .err_txt{padding:0 20px;color:#9d9b91;font-size:12px;line-height:14px;margin-top:10px}

/* 온라인 이벤트 배너 */
.n_event_new{position:relative;
	background:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f8f8f8));
	background:-moz-linear-gradient(center top, #ffffff 0%, #f8f8f8 100%); padding-bottom:16px}
.n_event_new .flickWrap,.n_event .flickWrap .flickBox{height:124px} /* height:고정값 */
.n_event_new .flickSub{margin:16px 10px 0}
.n_event_new .thmb{text-align:center}

/* 공통 alert 레이어 팝업 */
.n_pop_alert{display:none;z-index:1000;margin:2em;width:90%;max-width:400px;background:#fff;border:1px solid #343434;box-shadow:0.1em 0.1em 0.8em rgba(0,0,0,0.5);}
.n_pop_alert .n_pop_alert_ct{display:table;width:100%}
.n_pop_alert .n_pop_alert_ct .inner{display:table-cell;height:75px;padding:25px 25px 15px;vertical-align:middle;text-align:center}
.n_pop_alert .n_pop_alert_ct p{color:#444;font-size:15px;letter-spacing:-1px;line-height:20px;word-break:break-all}
.n_pop_alert .n_pop_alert_btm{position:relative;padding:0 25px 25px;text-align:center}
.n_pop_alert .n_pop_alert_btm a{display:inline-block;width:6em;padding:0.4em 1em;color:#fff;font-size:13px;letter-spacing:-1px;line-height:17px;vertical-align:middle;border-radius:3px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.n_pop_alert .n_pop_alert_btm a.bt_gray{
	border:1px solid #7f7f7f;
	background:#818181;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#818181), to(#6f6f6f));
	background: linear-gradient(top, #818181, #6f6f6f);}
.n_pop_alert .n_pop_alert_btm a.bt_white{color:#444;
	border:1px solid #aaa;
	background:#fcfcfc;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f3f3f3));
	background: linear-gradient(top, #fcfcfc, #f3f3f3);}
.n_pop_alert .n_pop_alert_btm a.bt_blue{color:#fff;
	border:1px solid #014798;
	background:#0869d7;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#0869d7), to(#0869d7));
	background: linear-gradient(top, #0869d7, #0869d7);}

/***** 확인 후 삭제 *****/
/***** 확인 후 삭제 *****/
/***** 확인 후 삭제 *****/
/* 공통 헤더 */
.n_top_new { position:relative; height:47px; z-index:100; border-bottom:1px solid #524641;
background: #533c33;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#533c33), color-stop(100%,#433029));
background: linear-gradient(to bottom,  #533c33 0%,#433029 100%);}
.n_top_new h1 a.logo{ position:absolute; left:9px; top:9px; display:block; text-align:center; width:116px; height:29px; line-height:29px; border:1px solid #2c2320; 
border-radius:4px;
background: #624134;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#624134), color-stop(100%,#45312a));
background: linear-gradient(to bottom,  #624134 0%,#45312a 100%);
box-shadow: inset 0px 1px 0px 0px #7e5442,0px 1px 0px 0px #664a3f;
-webkit-box-shadow: inset 0px 1px 0px 0px #7e5442,0px 1px 0px 0px #664a3f;
}
.n_top_new h1 a.logo img{ vertical-align:top; margin-top:7px}
.n_top_new h1 a.tit,.n_top_new h1 span.tit{ position:absolute; top:13px; right:14px; display:inline-block;color:#fff;font-size:16px; line-height:19px; letter-spacing:-1px;font-weight:normal;padding:0;}

/* 공통 네비게이션 */
.n_nav_new ul{display:table;position:relative;width:100%;border-top:1px solid #030e2d;text-align:center;table-layout:fixed}
.n_nav_new ul li{display:table-cell;position:relative;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;vertical-align:top;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd));
background: linear-gradient(to bottom,  #efefef 0%,#dddddd 100%);}
.n_nav_new ul li:first-child{border-left:0}
.n_nav_new ul li a{display:block;position:relative;height:35px; line-height:35px;color:#333436;font-size:12px;font-weight:bold;letter-spacing:-1px}
.n_nav_new ul li.on{
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);}

/* 공통 푸터 */
#footer{padding-bottom:20px;background-color:#f7f7f7;}
#footer .link{display:table;position:relative;width:100%;overflow:hidden;margin-bottom:-1px;border-top:2px solid #2d2e33;border-bottom:1px solid #fdfdfd}
#footer .link li{display:table-cell;width:33%;border-bottom:1px solid #dbdbdb;vertical-align:top}
#footer .link li div{display:block;height:38px;border-top:1px solid #f4f4f4;border-right:1px solid #dededf;border-left:1px solid #fafafa;background:#ececee;text-align:center}
#footer .link li a{color:#707070;font-size:.86em;letter-spacing:-1px}
#footer .link .l1 div{border-left:0}
#footer .link .l1 a.login{display:block;height:29px;padding-top:9px}
#footer .link .l2 a.pc{display:block;height:29px;padding:9px 4px 0 0}
#footer .link .l2 a.pc span{display:inline-block;padding-left:18px;background:url(../img/footer_ic_pc.gif) 0 3px no-repeat}
#footer .link .l3 div{border-right:0}
#footer .link .l3 a{display:inline-block;width:26px;height:25px;margin:6px 5px 0;background:url(../img/footer_sp_sns.gif) no-repeat}
#footer .link .l3 a.facebook{background-position:0 0}
#footer .link .l3 a.youtube{background-position:0 -30px}
#footer .footer{margin-top:-1px;padding-top:18px;border-top:1px solid #dbdbdb;text-align:center}
#footer .footer2{border-top:2px solid #2d2e33}
#footer .link2 a{display:inline-block;padding:5px;color:#797979;font-size:0.79em;letter-spacing:-1px;vertical-align:middle}
#footer .link2 .bar{margin:0 1px;color:#dbdbdb;font-size:0.79em;text-shadow:1px 0 0 #fbfbfb;vertical-align:middle}
#footer address em{color:#929292;font-size:.86em}
#footer address strong{color:#707070;font-size:0.79em;font-weight:normal}

#footer.footer_new{border-top:2px solid #2d2e33;background-color:#f7f7f7;}
#footer.footer_new .pg_top{ overflow:hidden; height:43px; background:#ececee; border-bottom:1px solid #dbdbdb;
box-shadow:0px 1px 0px 0px #fff;
-webkit-box-shadow:0px 1px 0px 0px #fff;
}
#footer.footer_new .pg_top a{ float:right; display:inline;position:relative;overflow:hidden; width:61px; margin:7px 12px 0 0; padding:0; border:1px solid #6a544c; color:#6a544c;font-size:11px;height:27px; line-height:27px;letter-spacing:-1px; text-align:center;
border-radius:4px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f7fb));
background: linear-gradient(to bottom,  #fff 0%,#f5f7fb 100%);}
#footer.footer_new .pg_top a em{overflow:hidden; display:inline-block; text-indent:-999em; background:url(../img/pg_top_130718.gif) no-repeat 0 0; width:9px; height:9px; vertical-align:middle; margin:-3px 3px 0 0}

#footer.footer_new .link{display:block;position:relative;width:100%;overflow:hidden;margin-bottom:0;border-top:0;border-bottom:0; text-align:center; padding-top:11px}
#footer.footer_new .link li{display:inline-block;width:auto;border-bottom:0;vertical-align:top}
#footer.footer_new .link li div{display:inline-block;height:auto;border-top:0;border-right:0;border-left:0;background:none;text-align:center}
#footer.footer_new .link li a{color:#707070;font-size:.86em;letter-spacing:-1px;}
#footer.footer_new .link .l1 div{border-left:0}
#footer.footer_new .link .l1 a.login{display:inline-block; width:81px; height:27px; line-height:27px; margin:0 3px 0 4px; padding:0; border:1px solid #b9b9c8;
border-radius:4px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f3f3f5));
background: linear-gradient(to bottom,  #fff 0%,#f3f3f5 100%);
}
#footer.footer_new .link .l2 a.pc{display:inline-block; width:81px; height:27px; line-height:27px; padding:0; border:1px solid #b9b9c8;
border-radius:4px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f3f3f5));
background: linear-gradient(to bottom,  #fff 0%,#f3f3f5 100%);
}
#footer.footer_new .link .l2 a.pc span{display:inline-block;padding-left:0;background:none}
#footer.footer_new .link .l3 div{border-right:0}
#footer.footer_new .link .l3 a{display:inline-block;width:30px;height:29px;margin:0 4px 0;background:url(../img/footer_sp_sns_130227.gif) no-repeat}
#footer.footer_new .link .l3 a.facebook{background-position:0 0}
#footer.footer_new .link .l3 a.youtube{background-position:0 -30px}

#footer.footer_new .footer{margin-top:0;padding-top:15px;border-top:0;text-align:center}
#footer.footer_new .footer2{border-top:2px solid #2d2e33}
#footer.footer_new .link2 a{display:inline-block;padding:5px;color:#797979;font-size:0.79em;letter-spacing:-1px;vertical-align:middle}
#footer.footer_new .link2 .bar{margin:0 1px;color:#dbdbdb;font-size:0.79em;text-shadow:1px 0 0 #fbfbfb;vertical-align:middle}
#footer.footer_new address{ display:inline-block;padding:5px;color:#797979;letter-spacing:-1px;vertical-align:middle}
#footer.footer_new address em{  color:#797979;font-size:0.79em;}
#footer.footer_new address strong{color:#797979;font-size:0.79em;font-weight:normal}

/* 공통 하단바 Fixed */
.n_btm_bar_area {height:45px}
.n_btm_bar {position:fixed;width:100%;height:45px;bottom:0;background:#353535}
.n_btm_bar .ck_today{float:left;padding:15px;display:inline-block}
.n_btm_bar .ck_today input {vertical-align:middle}
.n_btm_bar .ck_today span {color:#AAAAAA;vertical-align:middle;margin-left:5px;letter-spacing:-1px}
.n_btm_bar .bt_close{float:right;margin:10px 10px 0 0}
.n_btm_bar .bt_close a{color:#DDDDDD;background:#131313;padding:6px 12px 4px;display:inline-block;border-radius:5px}

/* jQuery Mobile 
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ui-mobile,.ui-mobile body{height:100%}
.ui-mobile fieldset,.ui-page{margin:0;padding:0}
.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none}
body.ui-mobile-viewport, div.ui-mobile-viewport { overflow-x: hidden; }
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
.ui-mobile .ui-page-active { display: block; overflow: visible; }
.ui-page { outline: none; }
.ui-page.ui-mobile-touch-overflow, .ui-mobile-touch-overflow.ui-native-fixed .ui-content { overflow: auto; height: 100%; left: 0; right: 0; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch; -ms-overflow-scrolling: touch; overflow-scrolling: touch; }
.ui-page.ui-mobile-touch-overflow, .ui-page.ui-mobile-touch-overflow * { -webkit-transform: rotateY(0); }
.ui-page.ui-mobile-pre-transition { display: block; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview { margin-top: 0; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-inset { margin-top: 1em; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter { margin-top: .2em; margin-bottom: 0; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter-inset { margin-bottom: -.9em; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-header .ui-btn { z-index: 10; }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
.ui-mobile-rendering > * { visibility: hidden; }
.ui-bar, .ui-body { position: relative; overflow: hidden; display: block; clear:both; }
.ui-header, .ui-footer { display: block; }
.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
.ui-content {overflow: visible; overflow-x: hidden}
.ui-mobile-touch-overflow.ui-page.ui-native-fixed, .ui-mobile-touch-overflow.ui-page.ui-native-fullscreen { overflow: visible; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-header, .ui-mobile-touch-overflow.ui-native-fixed .ui-footer { position: fixed; left: 0; right: 0; top: 0; z-index: 200; }
.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer { top: auto; bottom: 0; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content { padding-top: 2.5em; padding-bottom: 3em; top: 0; bottom: 0; height: auto; position: absolute; }
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content { padding-top: 0; padding-bottom: 0; }
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header, .ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer { opacity: .9; }
.ui-native-bars-hidden { display: none; }
.ui-fullscreen img { max-width: 100%; }
.ui-nojs { position: absolute; left: -9999px; }
.ui-hide-label label, .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.viewport-flip { -webkit-perspective: 1000; position: absolute; }
.a .ui-page{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.a .ui-page input, .a .ui-page select, .a .ui-page textarea, .a .ui-page button, .a .ui-page a {-webkit-tap-highlight-color:#ccc} 

/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-page-pre-in {
	opacity: 0;
}
.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
	animation-timing-function: ease-out;
	animation-duration: 350ms;
}
.out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 225ms;
	animation-timing-function: ease-in;
	animation-duration: 225ms;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
	animation-duration: 125ms;
	animation-name: fadeout;
}
.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
	animation-duration: 225ms;
	animation-name: fadein;
}
.pop {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.pop.in {
	-webkit-transform: scale(1);
	-webkit-animation-name: popin;
	-webkit-animation-duration: 350ms;
	-moz-transform: scale(1);
	-moz-animation-name: popin;
	-moz-animation-duration: 350ms;
	transform: scale(1);
	animation-name: popin;
	animation-duration: 350ms;
    opacity: 1;
}
.pop.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
	opacity: 0;
}
.pop.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	animation-name: fadein;
}
.pop.out.reverse {
	-webkit-transform: scale(.8);
	-webkit-animation-name: popout;
	-moz-transform: scale(.8);
	-moz-animation-name: popout;
	transform: scale(.8);
	animation-name: popout;
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes popin {
    from {
        transform: scale(.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: scale(.8);
        opacity: 0;
    }
}
@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(.8);
        opacity: 0;
    }
}
/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translate3d(100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromright {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(0); }
}
@keyframes slideinfromright {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translate3d(-100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromleft {
    from { -moz-transform: translateX(-100%); }
    to { -moz-transform: translateX(0); }
}
@keyframes slideinfromleft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(-100%,0,0); }
}
@-moz-keyframes slideouttoleft {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); }
}
@keyframes slideouttoleft {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(100%,0,0); }
}
@-moz-keyframes slideouttoright {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(100%); }
}
@keyframes slideouttoright {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}
.slide.out, .slide.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
	animation-timing-function: ease-out;
	animation-duration: 350ms;
}
.slide.out {
	-webkit-transform: translate3d(-100%,0,0);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	transform: translateX(-100%);
	animation-name: slideouttoleft;
}
.slide.in {
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation-name: slideinfromright;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromright;
	transform: translateX(0);
	animation-name: slideinfromright;
}
.slide.out.reverse {
	-webkit-transform: translate3d(100%,0,0);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	transform: translateX(100%);
	animation-name: slideouttoright;
}
.slide.in.reverse {
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation-name: slideinfromleft;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromleft;
	transform: translateX(0);
	animation-name: slideinfromleft;
}
.slidefade.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-webkit-animation-duration: 225ms;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	-moz-animation-duration: 225ms;
	transform: translateX(-100%);
	animation-name: slideouttoleft;
	animation-duration: 225ms;
}
.slidefade.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-moz-animation-duration: 200ms;
	transform: translateX(0);
	animation-name: fadein;
	animation-duration: 200ms;
}
.slidefade.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	-moz-animation-duration: 200ms;
	transform: translateX(100%);
	animation-name: slideouttoright;
	animation-duration: 200ms;
}
.slidefade.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-moz-animation-duration: 200ms;
	transform: translateX(0);
	animation-name: fadein;
	animation-duration: 200ms;
}
/* slide down */
.slidedown.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
}
.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	-webkit-animation-duration: 250ms;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfromtop;
	-moz-animation-duration: 250ms;
	transform: translateY(0);
	animation-name: slideinfromtop;
	animation-duration: 250ms;
}
.slidedown.in.reverse {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-name: fadein;
	-moz-animation-duration: 150ms;
	animation-name: fadein;
	animation-duration: 150ms;
}
.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	-webkit-animation-name: slideouttotop;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateY(-100%);
	-moz-animation-name: slideouttotop;
	-moz-animation-duration: 200ms;
	transform: translateY(-100%);
	animation-name: slideouttotop;
	animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
    from { -moz-transform: translateY(-100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfromtop {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(-100%); }
}
@keyframes slideouttotop {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
/* slide up */
.slideup.out {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-name: fadeout;
	-moz-animation-duration: 100ms;
	animation-name: fadeout;
	animation-duration: 100ms;
}
.slideup.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfrombottom;
	-webkit-animation-duration: 250ms;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfrombottom;
	-moz-animation-duration: 250ms;
	transform: translateY(0);
	animation-name: slideinfrombottom;
	animation-duration: 250ms;
}
.slideup.in.reverse {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-name: fadein;
	-moz-animation-duration: 150ms;
	animation-name: fadein;
	animation-duration: 150ms;
}
.slideup.out.reverse {
	-webkit-transform: translateY(100%);
	-webkit-animation-name: slideouttobottom;
	-webkit-animation-duration: 200ms;
	-moz-transform: translateY(100%);
	-moz-animation-name: slideouttobottom;
	-moz-animation-duration: 200ms;
	transform: translateY(100%);
	animation-name: slideouttobottom;
	animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfrombottom {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfrombottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes slideouttobottom {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(100%); }
}
@keyframes slideouttobottom {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-flip {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	position: absolute;
}
.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(0);
	backface-visibility: hidden;
	transform: translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	-moz-animation-name: flipintoright;
	-moz-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
	animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-turn {
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	perspective: 200px;
	position: absolute;
}
.turn {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-webkit-transform-origin: 0;
	
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(0);
	-moz-transform-origin: 0;
	
	backface-visibility :hidden;
	transform: translateX(0);
	transform-origin: 0;
}
.turn.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 125ms;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 125ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 125ms;
}
.turn.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 250ms;
	-moz-animation-name: flipintoright;
	-moz-animation-duration: 250ms;
	animation-name: flipintoright;
	animation-duration: 250ms;
	
}
.turn.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.turn.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
	animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
/* flow transition */
.flow {
	-webkit-transform-origin: 50% 30%;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-moz-transform-origin: 50% 30%;	
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
	transform-origin: 50% 30%;	
	box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ui-dialog.flow {
	-webkit-transform-origin: none;
	-webkit-box-shadow: none;
	-moz-transform-origin: none;	
	-moz-box-shadow: none;
	transform-origin: none;	
	box-shadow: none;
}
.flow.out {
	-webkit-transform: translateX(-100%) scale(.7);
	-webkit-animation-name: flowouttoleft;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(-100%) scale(.7);
	-moz-animation-name: flowouttoleft;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
	transform: translateX(-100%) scale(.7);
	animation-name: flowouttoleft;
	animation-timing-function: ease;
	animation-duration: 350ms;
}
.flow.in {
	-webkit-transform: translateX(0) scale(1);
	-webkit-animation-name: flowinfromright;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(0) scale(1);
	-moz-animation-name: flowinfromright;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
	transform: translateX(0) scale(1);
	animation-name: flowinfromright;
	animation-timing-function: ease;
	animation-duration: 350ms;
}
.flow.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: flowouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: flowouttoright;
	transform: translateX(100%);
	animation-name: flowouttoright;
}
.flow.in.reverse {
	-webkit-animation-name: flowinfromleft;
	-moz-animation-name: flowinfromleft;
	animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
    0% { -webkit-transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(-100%) scale(.7); }
}
@-moz-keyframes flowouttoleft {
    0% { -moz-transform: translateX(0) scale(1); }
	60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(-100%) scale(.7); }
}
@keyframes flowouttoleft {
    0% { transform: translateX(0) scale(1); }
	60%, 70% { transform: translateX(0) scale(.7); }
    100% { transform:  translateX(-100%) scale(.7); }
}
@-webkit-keyframes flowouttoright {
    0% { -webkit-transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform:  translateX(100%) scale(.7); }
}
@-moz-keyframes flowouttoright {
    0% { -moz-transform: translateX(0) scale(1); }
	60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(100%) scale(.7); }
}
@keyframes flowouttoright {
    0% { transform: translateX(0) scale(1); }
	60%, 70% { transform: translateX(0) scale(.7); }
    100% { transform:  translateX(100%) scale(.7); }
}
@-webkit-keyframes flowinfromleft {
    0% { -webkit-transform: translateX(-100%) scale(.7); }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromleft {
    0% { -moz-transform: translateX(-100%) scale(.7); }
	30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromleft {
    0% { transform: translateX(-100%) scale(.7); }
	30%, 40% { transform: translateX(0) scale(.7); }
    100% { transform: translateX(0) scale(1); }
}
@-webkit-keyframes flowinfromright {
    0% { -webkit-transform: translateX(100%) scale(.7); }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromright {
    0% { -moz-transform: translateX(100%) scale(.7); }
	30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromright {
    0% { transform: translateX(100%) scale(.7); }
	30%, 40% { transform: translateX(0) scale(.7); }
    100% { transform: translateX(0) scale(1); }
}