gistfile1.txt

<style type="text/css">
			body,p{
			margin:0;padding:0;
			}
			
			body{
			color:#000; 
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
			font-size:13px;
			color:#000;
			min-height:480px;
			width:100%;
			}
			a {
			color:#339
			}
			.arr a,
			#nav a,
			.lst i,
			.ir,.ico {
			background-image:url(images/mobile/iconSpriteHome-623.png);
			background-repeat:no-repeat
			}
			.nav{
				padding: 5px 0 5px 10px;
			}
			.nav i {display:none}
			.truncate 	{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
			.ctl{
			background-position:0 -370px;
			display:block;
			height:25px;
			margin-top:5px;
			width:110px
			}

			#nav a { 
			display:inline-table; 
			width:36px; 
			height:36px; 
			vertical-align:middle; 
			-webkit-border-top-right-radius:5px; 
			-webkit-border-top-left-radius:5px; 
			border-top-right-radius:5px; 
			border-top-left-radius:5px;
			}
			

			.lst .flt i{
			background-position:center 10px
			}

			.lst .trn i{
			background-position:center -43px
			}
			

			.lst .hts i{
			background-position:center -230px
			}
			
			.lst .trp i{
			background-position:center -90px
			}
			
			.lst .fea i{
			background-position:center -140px
			}
			
			.lst .acc i{
			background-position:center -190px
			}
			
			.hdr{
			background-color: #fc0;
			padding:10px;
			font-size: 17px;
			background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffba00));
			text-shadow: 0px 1px 0 #ff9
			}
			
			.groupList{
			background: #f5f5f5; 
			padding: 10px
			}
			.groupList .lst { 
			margin-bottom: 15px; 
			background-color: #fff; 
			-webkit-border-radius: 8px; 
			-webkit-box-shadow: 0 1px 0 #fff, 0 1px 1px #eee inset; border:1px solid #ccc;
			}
			
			.groupList .lst a{
		    border-bottom: 1px solid #eee;
		    display: block;
		    padding: 6px 20px 6px 6px;
		    text-decoration: none;
		    background-position: right -274px;
		    cursor: pointer;
			}
			.groupList .lst a:first-child { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }
			.groupList .lst a:last-child { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom: none;} 
			.groupList .lst a:hover{
			background-color: #f5f5f5;
			}
			.lst b{
		    	color:#000;
		    	font-size: 17px;
		    	display: block
			}
			.lst i{
				background-color: #fc0;
				float: left;
				height: 36px;
				margin-right: 8px;
				width: 36px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
			.groupList .lst span{
			color:#666;
		    font-size:13px;
			display: block;
			margin-top: -2px;			
			}
			#ftr {
			background:#f0f0f0;
			background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
			border-top:1px solid #ddd;
			padding:10px
			}
			
			#ftr p{
			color:#777;
			font-size:11px;
			margin-bottom:5px
			}
			#ftr b{
		    color: #333333;
		    font-size: 13px;
		    font-weight: 700;
			}
			
			.cF{
				display: block;
				}
			.cF:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
				}

			@media screen and (-webkit-device-pixel-ratio: 2) {
				.arr a,
				.lst i,
				.ir,.ico {
				background-image:url(images/mobile/iconSpriteHDHome-623.png);
				-webkit-background-size: 110px 400px;
				}
			}
			@media screen and (-webkit-device-pixel-ratio: 1.5) {
				.arr a,
				.lst i,
				.ir,.ico {
				background-image:url(images/mobile/iconSpriteHDPIhome-623.png);
				-webkit-background-size: 110px 400px;
				}
			}	
			
		</style>