body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	display:block;
	font-size:12px;
	color:#fff;
	margin:0px;
	padding:0px;
	background-color : #000;
	background:url(../images_div/bg.png) repeat 0px 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
	-webkit-text-size-adjust: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	-moz-tap-highlight-color: rgba(0,0,0,0);	
	-moz-text-size-adjust: none;	
	
}

table{
	border-spacing: 0px;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
}

.header {
				 background:url(../images_div/header_bg.png) repeat-x 0px 0px;
				 height:47px;
				 width:100%;
				 text-align: center;
				 vertical-align: middle;
				 position: relative;				 
				 top:0px;
}

.footer{
 				background:url(../images_div/header_bg.png) repeat-x 0px 0px;
				height:47px;				
				text-align: center;
				vertical-align: middle;
				position: relative;
				
}

.header-button-left {
				position: absolute;
				left:3px;
				top:3px;
}


.footer-button-left {
				position: absolute;
				left:3px;
				top:3px;
}

.footer-button-middle{
				position: absolute;
				left:40%;
				top:3px;
}

.header-button-right {
		position: absolute;
		right:0px;
		top:3px;
}

.footer-button-right {
				position: absolute;
				right:0px;
				top:3px;	
}

.button-back {
				width:75px;
				height:38px;
				display: block;
				text-align: center;
				cursor: pointer;
				color:#ffffff;
				text-shadow: 0 0 0.2em #000,0 0 0.2em #000;
				background-image: url(../images_div/header_button_back.png);
				font-size: 14px;
				font-weight:bold;
}

.button-back span{
				position:absolute;
				top:10px;
				left:26px;
}

.button-normal {
				width:72px;
				height:38px;			
				display: block;
				text-align: center;
				cursor: pointer;
				color:#ffffff;
				text-shadow: 0 0 0.2em #000,0 0 0.2em #000;
				background-image: url(../images_div/header_button.png);
				font-size: 14px;
				font-weight:bold;
}

.button-normal span{
				position:relative;
				top:10px;
				left:0px;
}

.text-title {	
				line-height:47px;
				overflow: hidden;
				vertical-align: middle;
				font-size: 18px;
				color: #ffffff;
				font-weight:bold;
}

a {

    text-decoration: none;
}

.small_tip{
				 height:18px;
				 line-height:18px;
				 position: relative;
				 padding-left:8px;
				 font-size:12px;
				 color:#ffffff;
}

.li-item{
}

.li-top{
	height:8px;
  	padding-left:8px;
  	padding-right:8px;	
	background:url(../images_div/li_t_l.png) left no-repeat,
	url(../images_div/li_t_r.png) right no-repeat;
}

.li-top1{
	height:8px;
	background:url(../images_div/li_t.png) repeat-x;
}

.li-content{
	background:url(../images_div/li_m_l.png) left repeat-y,
	url(../images_div/li_m_r.png) right repeat-y;
	
  	padding-left:8px;
  	padding-right:8px;
}
.li-content1{
	background:url(../images_div/li_m.png) repeat;
}

.li-bottom{
	height:8px;
  	padding-left:8px;
  	padding-right:8px;		
	background:url(../images_div/li_b_l.png) left no-repeat,
	url(../images_div/li_b_r.png) right no-repeat;
}
.li-bottom1{
	height:8px;
	background:url(../images_div/li_b.png) repeat-x;	
}

.li-left{
  	padding-right:4px;
}

.li-middle{

}

.li-right{

}

.li_content_div{
	height:20px;
	line-height:20px;
	padding-left:4px;
	position:relative;
}

.li_content_div1{
  	clear:both;
	height:20px;
	line-height:20px;
	padding-left:4px;
	position:relative;
}

.li_content_div2{
  	clear:both;  	
	padding-left:4px;
	position:relative;
}

.li_content_left{
	float: left;
	width:50%;
}

.timer{
	font-size:12px;
	color:#ff00ff;
}

.bar{		
		position:absolute;
		width:150px;
		height:25px;

	}
	
.bar_left{
		position:absolute;
		top:0px;
		width:10px;
		height:25px;
		background-image: url(../images_div/bar_bg_l.png);
		background-repeat: no-repeat;
	}
	
.bar_middle{
		position:absolute;
		top:0px;
		left:10px;		
		width:130px;
		height:25px;
		background-image: url(../images_div/bar_bg_m.png);
		background-repeat: repeat-x;

}
	
.bar_right{
		position:absolute;
		top:0px;
		left:140px;
		width:10px;
		height:25px;	
		background-image: url(../images_div/bar_bg_r.png);
		background-repeat: no-repeat;
	}
	
.bar_value_left{
		position:absolute;
		width:4px;
		top:6px;
		left:6px;
		height:14px;
		background-image: url(../images_div/bar_l.png);
		background-repeat: no-repeat;
	}	
	
.bar_value_middle{
		position:absolute;
		top:6px;
		left:10px;		
		height:14px;
		background-image: url(../images_div/bar_m.png);
		background-repeat: repeat-x;

}	
	
.bar_value_right{
		position:absolute;
		width:4px;
		top:6px;
		height:14px;	
		background-image: url(../images_div/bar_r.png);
		background-repeat: no-repeat;
}	

.bar_value_text{
    position:absolute;
		top:0px;
		left:50px;		
		height:14px;
		color:#000000;
		font-size:10px;
}

.tabs-item{
}


.tabs-button{
				text-align:center;

}
.tabs-button .left{
		float:left;
		background-image: url(../images_div/tabs_button_l.png);
		background-repeat: no-repeat;
		height:38px;
		width:8px;

}
.tabs-button .middle{
		background-image: url(../images_div/tabs_button_m.png);
		background-repeat: repeat-x;
		height:38px;
		margin-left:8px;
		margin-right:8px;
}
.tabs-button .right{
		float:right;
		background-image: url(../images_div/tabs_button_r.png);
		background-repeat: no-repeat;
		height:38px;
		width:8px;
}

.tabs-button span{	
				line-height:40px;
				overflow: hidden;
				vertical-align: middle;
				font-size: 16px;
				color: #ffff00;
				font-weight:bold;
}

.tabs-tap{
				text-align:center;
}
.tabs-tap .left{
		float:left;
		background-image: url(../images_div/tabs_tap_l.png);
		background-repeat: no-repeat;
		height:40px;
		width:8px;

}
.tabs-tap .middle{
		background-image: url(../images_div/tabs_tap_m.png);
		background-repeat: repeat-x;
		height:40px;
		margin-left:8px;
		margin-right:8px;
}
.tabs-tap .right{
	float:right;
	background-image: url(../images_div/tabs_tap_r.png);
	background-repeat: no-repeat;
	height:40px;
	width:8px;
}

.tabs-tap span {	
	line-height:40px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 16px;
	color: #ffffff;
	font-weight:bold;
}

.tabs-top{
	height:8px;
	margin-top: -3px;
	background:url(../images_div/tabs_bg_t.png) no-repeat;
	
}

.tabs-content{
	background:url(../images_div/tabs_bg_m.png) repeat-y;
	padding-left:18px;
	padding-right:18px;
}

.tabs-bottom{
	height:8px;
	background:url(../images_div/tabs_bg_b.png) no-repeat;
}


.slider-bar { 
	height:40px; 
	width:200px; 
}

.slider{ 
	
	position:absolute; 
	height:38px; 
	width:67px; 
	background-image:url("../images_div/slider_button.png");
}
.slider-input {
	 position:absolute; 
	 left:0px;
	 top: 0px;
	 height:30px; 
	 width:80px;
	 border:0px;
	 background-color:rgba(0,0,0,0);
	 color:#ffffff;
	 text-align:center 
 }
 
.slider-input-bg { 
	height:30px; 
	width:80px;
}

.slider-bg  { 
	position:absolute;
	 left:90px;
	 top: 0px;
	 height:20px; 
	 width:200px; 
 }
 
.slider-content {
	width:300px;
	height:40px;
	position:relative;
}

.chatSplash{
	border:2px solid #eeee00;
	-webkit-animation-name: splash1;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name: splash1;	
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count:infinite;
	-o-animation-name: splash1;	
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-o-animation-iteration-count:infinite;
}

.splash{
	border:5px solid #eeee00;
	-webkit-animation-name: splash1;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name: splash1;	
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count:infinite;
	-o-animation-name: splash1;	
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1s;
	-o-animation-iteration-count:infinite;
}

@-webkit-keyframes splash1 {

    from { border-color: #eeee00;}
    to { border-color: #000000;}
}

@-moz-keyframes splash1 {

    from { border-color: #eeee00;}
    to { border-color: #000000;}
}

.splash2{
	-webkit-animation-name: splash3;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count:3;
	-moz-animation-name: splash3;	
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count:3;
	-o-animation-name: splash3;
	-o-animation-timing-function: ease-in-out;
	-o-animation-duration: 1000ms;
	-o-animation-iteration-count:3;
}

@-webkit-keyframes splash3 {

    from { background-color: #ffffff;}
    to { background-color: #000000;}
}

@-moz-keyframes splash3 {

    from { background-color: #ffffff;}
    to { background-color: #000000;}
}
.award{
	color:red;
	-webkit-animation-name: award1;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:1;
}

@-webkit-keyframes award1 {
    from { font-size: 12;}
    to { font-size: 50;}
}
		
.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 350ms;
}

.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromright;
	-o-transform: translateX(0);
	-o-animation-name: slideinfromright;
}

.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	-o-transform: translateX(-100%);
	-o-animation-name: slideouttoleft;
}

.slide.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromleft;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromleft;
	-o-transform: translateX(0);
	-o-animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	-o-transform: translateX(100%);
	-o-animation-name: slideouttoright;
}
		
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); -moz-transform: translateX(100%);}
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0);}
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);}
    to { -webkit-transform: translateX(0); -moz-transform: translateX(0);}
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0);}
    to { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);}
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); -moz-transform: translateX(0);}
    to { -webkit-transform: translateX(100%); -moz-transform: translateX(100%);}
}		

.dialog-bg{
	position:absolute;	
	top:0px;
	width:100%;
	height:100%;
	background-color : rgba(0,0,0,.5);
}

.loading{
	position:absolute;	
	top:0px;
	height:100%;	
	background-color : rgba(0,0,0,.7);
}


.button{
		text-align: center;		

}

.button_text{
		position:relative;	
		height:45px;
		line-height:45px;
		vertical-align: middle;
		font-size: 16px;
		color: #ffffff;
		font-weight:bold;		

}
	
.button_left{
		float:right;
		top:0px;
		width:8px;
		height:45px;
		background-image: url(../images_div/button_l.png);
		background-repeat: no-repeat;
	}
	
.button_middle{
		float:right;
		text-align: center;
		cursor: pointer;		
		top:0px;
		height:45px;
		background-image: url(../images_div/button_m.png);
		background-repeat: repeat-x;

}
	
.button_right{
		float:right;
		top:0px;
		width:8px;
		height:45px;	
		background-image: url(../images_div/button_r.png);
		background-repeat: no-repeat;
	}

.input{
	float:left;
}
.input_left{
		float:right;
		top:0px;
		width:14px;
		height:40px;
		background-image: url(../images_div/input_l.png);
		background-repeat: no-repeat;
	}
	
.input_middle{
		float:right;
		text-align: center;
		cursor: pointer;		
		top:0px;
		height:40px;
		background-image: url(../images_div/input_m.png);
		background-repeat: repeat-x;
}
	
.input_right{
		float:right;
		top:0px;
		width:14px;
		height:40px;	
		background-image: url(../images_div/input_r.png);
		background-repeat: no-repeat;
	}

.input_text{
		position:relative;	
		height:40px;
		line-height:40px;
		border:0px;
		background-Color:rgba(0,0,0,0);
		color:#ffffff;
		text-align:center 	
}

.text-line{
		height:20px;
		line-height:20px;
}
.text-line1{
		height:30px;
		line-height:30px;
}
.text-line2{
		height:15px;
		line-height:15px;
}
.text-line-wrap{
		line-height:20px;
}
.checkbox-line{
		height:30px;
		line-height:30px;
}

.text-line img{
		vertical-align : middle;
}
.text-line1 img{
		vertical-align : middle;
}
.text-line2 img{
		vertical-align : top;
}

.message_bar{
	position:absolute;
	width:100%;
	height:18px;
	line-height:18px;
	text-align:center;	
	top:29px;
	background-color : black;
}
.message_canvas_bar{
	position:absolute;
	width:100%;
	height:18px;
	line-height:18px;
	text-align:center;	
	top:20px;
	background-color : rgba(0,0,0,0.5);;
}
#broadcastBar{
	position:absolute;
	text-align:center;
	top:20px;
}
.broadcast_bar{
	height:18px;	
	line-height:18px;	
	background-color : rgba(0,0,0,0.8);
	word-break:keep-all;/*   不换行   */ 
	white-space:nowrap;/*   不换行   */ 
	overflow:hidden;/*   内容超出宽度时隐藏超出部分的内容   */ 
	text-overflow:ellipsis;		
}

.chat_bar{
	position:absolute;
	left:20px;	
	height:20px;
	background-color : rgba(0,0,0,0.4);
	overflow:hidden;
}
.chat_bar1{
	line-height:20px;	
	word-break:keep-all;/*   不换行   */ 
	white-space:nowrap;/*   不换行   */ 
	overflow:hidden;/*   内容超出宽度时隐藏超出部分的内容   */ 
	text-overflow:ellipsis;	
}



.dia-item{
	width:320px;
}

.dia-top{
	height:8px;
	background:url(../images_div/dia_bg_t.png) no-repeat;
}

.dia-content{
	
	background:url(../images_div/dia_bg_m.png) repeat-y;
  	padding-left:17px;
  	padding-right:17px;
}

.dia-bottom{
	height:8px;
	background:url(../images_div/dia_bg_b.png) no-repeat;
}

.dia-menu-item{
  width:127px;
  padding-left:8px;
  padding-right:8px;
}

.dia-menu-top{
	height:8px;
	background:url(../images_div/dia_menu_t.png) no-repeat;
}

.dia-menu-content{
	
	background:url(../images_div/dia_menu_m.png) repeat-y;
  	padding-left:8px;
  	padding-right:8px;
}

.dia-menu-bottom{
	height:8px;
	background:url(../images_div/dia_menu_b.png) no-repeat;
}

.widget-top{
	height:19px;
	background:url(../images_div/widget_t.png) no-repeat;
	
}

.widget-content{
	background:url(../images_div/widget_m.png) repeat-y;
	padding-left:10px;
	padding-right:10px;
}

.widget-bottom{
	height:5px;
	background:url(../images_div/widget_b.png) no-repeat;
}

.widget-top1{
	height:18px;
  	padding-left:55px;
  	padding-right:7px;	
	background:url(../images_div/widget_t_l.png) left no-repeat,
	url(../images_div/widget_t_r.png) right no-repeat;
}

.widget-top2{
	height:18px;
	background:url(../images_div/widget_t_m.png) repeat-x;
}

.widget-content1{
	background:url(../images_div/widget_m_l.png) left repeat-y,
	url(../images_div/widget_m_r.png) right repeat-y;
	
  	padding-left:6px;
  	padding-right:3px;
}
.widget-content2{
	background:url(../images_div/widget_m_m.png) repeat;
}

.widget-bottom1{
	height:5px;
  	padding-left:7px;
  	padding-right:7px;		
	background:url(../images_div/widget_b_l.png) left no-repeat,
	url(../images_div/widget_b_r.png) right no-repeat;
}
.widget-bottom2{
	height:5px;
	background:url(../images_div/widget_b_m.png) repeat-x;	
}

.input-samll {
	 left:0px;
	 top: 0px;
	 height:38px; 
	 width:52px;
	 border:0px;
	 background-Color:rgba(0,0,0,0);
	 color:#ffffff;
	 text-align:center 
}
 
.font_name{
	text-shadow: 0 0 0.2em #f87,0 0 0.2em #f87;
}
.font_big{
	font-size:18px;
	font-weight:bold;
}
.font_mid{
	font-size:12px;
}
.font_small{
	font-size:12px;
}
.font_brightYellow{
	color:#fcff00;
}
.font_red{
	color:#ff0000;
}
.font_green{
	color:#1eec27;
}
.font_blue{
	color:#5aa5bf;
}
.font_brightBlue{
	color:#03fcff;
}
.font_white{
	color:#ffffff;
}
.font_black{
	color:#000000;
}
.font_yellow{
	color:#ffde00;
}
.font_orange{
	color:#ff8000;
}
.font_purple{
	color:#ff1bec;
}

.font_all{
	color:#ffde00;
	font-size:12px;
}

.font_system{
	color:#ff008a;
	font-size:12px;
}

.font_lianmeng{
	color:#89f6ff;
	font-size:12px;
}
.font_guojia{
	color:#4ed54c;
	font-size:12px;
}
.font_siliao{
	color:#e1905d;
	font-size:12px;
}

.font_chatTime{
	color:#FFFFFF;
	font-size:10px;
	font-style:italic;
}

.font_weiGuo{
	color:#10e9fc;
}

.font_shuGuo{
	color:#ff8000;
}

.font_wuGuo{
	color:#1eec27;
}


.aptitude_normal{/*//资质普通*/
	color:#ffffff;
}
.aptitude_excellence{/*//资质优秀*/
	color:#1eec27;
}
.aptitude_polish{/*//资质精良*/
	color:#23cdfe;
}
.aptitude_heroic{/*//资质史诗*/
	color:#ff1bec;
}
.aptitude_legend{/*//资质传说*/
	color:#ffde00;
}

.state_normal{/*//状态普通*/
	color:#ffffff;
}
.state_exciting{/*//状态兴奋*/
	color:#1eec27;
}
.state_tired{/*//状态疲劳*/
	color:#23cdfe;
}
.state_poison{/*//状态中毒*/
	color:#facf06;
}
.state_dying{/*//状态濒死*/
	color:#ff0000;
}
.state_ill{/*//状态疾病*/
	color:#ff5a00;
}
 
.tf-top{
	height:8px;
	background:url(../images_div/textFieldT.png) no-repeat;
}

.tf-content{
	background:url(../images_div/textFieldM.png) repeat-y;
}

.tf-bottom{
	height:7px;
	background:url(../images_div/textFieldB.png) no-repeat;
}

.tf_text{
		padding-left:5px;
		position:relative;	
		height:90px;
		width:240px;
		border:0px;
		background-Color:rgba(0,0,0,0);
		color:#ffffff;
		resize:none;
		text-align:left;
		word-break:break-all; 
		word-wrap:break-word;
}

.xinshou{	
	position:absolute;
	height:114px;
	width:320px;
}

.xinshou-top{
	height:4px;
	padding-left:10px;
	background:url(../images_div/xinshou_t.png) no-repeat;
}

.xinshou-content{
	padding-left:10px;
	background:url(../images_div/xinshou_m.png) repeat-y;
}

.xinshou-bottom{
	height:5px;
	padding-left:10px;
	background:url(../images_div/xinshou_b.png) no-repeat;
}
.img_offline{
	opacity:0.6;
}



/**
 *
 * Main container
 *
 */
#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:208px;
	font-size:13px;
	padding:10px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #505050;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}


/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.wide {
	width:240px;
}


/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .arrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}


/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.ipad .arrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}


/**
 *
 * Close button
 *
 */
#addToHomeScreen .close {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:2px;
	top:2px;
	width:14px;
	height:14px; line-height:10px;
	text-align:center;
	text-indent:1px;
	-webkit-border-radius:7px;
	background:rgba(0,0,0,0.12);
	color:#707070;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:13px;
}


/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .plus {
	font-weight:bold;
	font-size:1.3em;
}


/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .share {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}


/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .touchIcon {
	display:block;
	float:left;
	-webkit-border-radius:8px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:no-repeat;
	width:44px; height:44px;
	-webkit-background-size:44px 44px;
	margin:0 10px 5px 0;
	border:1px solid #333;
	-webkit-background-clip:padding-box;
}


/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	#addToHomeScreen .share {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	}
}
