@font-face {
   font-family: 'billabongregular';
   src: url('fonts/9424.eot');
   src: url('fonts/9424.eot?#iefix') format('embedded-opentype'),
        url('fonts/9424.woff2') format('woff2'),
        url('fonts/9424.woff') format('woff'),
        url('fonts/9424.ttf') format('truetype'),
        url('fonts/9424.svg#billabongregular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'bodoni';
   src: url('fonts/bodoni.eot');
   src: url('fonts/bodoni.eot?#iefix') format('embedded-opentype'),
        url('fonts/bodoni.woff2') format('woff2'),
        url('fonts/bodoni.woff') format('woff'),
        url('fonts/bodoni.ttf') format('truetype'),
        url('fonts/bodoni.svg#bodoni_bd_btbold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'shirota';
   src: url('fonts/9713.eot');
   src: url('fonts/9713.eot?#iefix') format('embedded-opentype'),
        url('fonts/9713.woff2') format('woff2'),
        url('fonts/9713.woff') format('woff'),
        url('fonts/9713.ttf') format('truetype'),
        url('fonts/9713.svg#shirotaregular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
	font-family: 'program-main';
	src: url('fonts/M.Video-Bold.eot');
	src: url('fonts/M.Video-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/M.Video-Bold.woff2') format('woff2'),
		url('fonts/M.Video-Bold.woff') format('woff'),
		url('fonts/M.Video-Bold.ttf') format('truetype'),
		url('fonts/M.Video-Bold.svg#M.Video-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'program-main';
	src: url('fonts/M.Video-Regular.eot');
	src: url('fonts/M.Video-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/M.Video-Regular.woff2') format('woff2'),
		url('fonts/M.Video-Regular.woff') format('woff'),
		url('fonts/M.Video-Regular.ttf') format('truetype'),
		url('fonts/M.Video-Regular.svg#M.Video-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
   font-family: 'condensedbold';
   src: url('fonts/9714.eot');
   src: url('fonts/9714.eot?#iefix') format('embedded-opentype'),
        url('fonts/9714.woff2') format('woff2'),
        url('fonts/9714.woff') format('woff'),
        url('fonts/9714.ttf') format('truetype'),
        url('fonts/9714.svg#condensedbold') format('svg');
   font-weight: normal;
   font-style: normal;
}


html,body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    #background-color:#EBF9FE;
	 background-color:#F0FBFF;
    font-family: 'program-main';
    font-size:0px;
    color:#000000;
    margin:0px;
    padding:0px;
}
body {
	height:100%;	
}

div[data-bookmark] {
	position:fixed;
	left:-10px;
	top:15px;
	width:35px;
	margin:0px;
	#height:125px;
	z-index:100;
	overflow:hidden;
}
div[data-bookmark] div[data-caption] {
   padding-left:10px;
	height:80px;
	background-color:#04688E;
   position:relative;
   text-align:left;
}
div[data-bookmark] div[data-caption] div {
   margin-left:7px;
	font-family:shirota;
	font-size:13pt;
	color:#FFFFFF;
   text-transform:uppercase;
   transform-origin:left bottom;
	transform:rotate(90deg);
   line-height:10px;
	letter-spacing:2px;
   position:absolute;
}
div[data-bookmark] div[data-corner] {
   padding-left:10px;
	width:25px;
	max-width:25px;
   height:20px; 
	box-sizing:border-box;
	position:relative;
	margin-left:-30px;
}
div[data-bookmark] div[data-corner=top] {
	border-bottom: 25px solid #04688E;
   border-right: 55px solid transparent;
}
div[data-bookmark] div[data-corner=bottom] {
	border-top: 25px solid #04688E;
   border-right: 55px solid transparent;
}

div.background {
	position:fixed;
	z-index:90;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	background-color:#FFFFFF;
}

div.menuclose {
	position:fixed;
	z-index:100;
	right:5px;
	top:0;
	opacity:0;
	color:#04688E;
	font-family:shirota;
	font-size:24pt;
}

ul.menu, ul.category {
	margin:0px;
	padding:0px;
	padding-top:20px;
   padding-bottom:10px;
	font-family:shirota;
	font-size:13pt;
	color:#FFFFFF;
	text-transform:uppercase;
	position:fixed;
	z-index:110;
	top:-5px;
	left:0px;
	display:none;
	max-width:calc(100% - 50px);
	height:calc(100% + 10px);
	box-sizing:border-box;
	background-color:#04688E;
	overflow-x:hidden;
	overflow-y:auto;
}
ul.category {
   background-color:#023244;
}
ul.menu li, ul.category li {
	display:block;
	overflow:hidden;
	margin:0px;
	padding:15px;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
   #background-color:#04688E;
	box-sizing:border-box;
	vertical-align:middle;
}
div#search {
 	font-family:shirota;
	font-size:13pt;
	color:#FFFFFF;
	text-transform:uppercase;
  	overflow:hidden;
	width:100%;
   background-color:#04688E;
	box-sizing:border-box;
	vertical-align:middle;
   text-align:center;
   height:41px;
   max-height:41px;
   position:fixed;
   z-index:150;
   margin:0px;
   padding:0px;
   padding-top:10px;
   padding-bottom:10px;
}
div#search input {
   font-size:17pt;
   font-family:'program-main';
   font-weight:bold;
   color:inherit;
   background-color:transparent;
   margin:0px;
   padding:0px;
   padding-left:10px;
   border:0px;
   width:100%;
   vertical-align:middle;
   outline:none;
   height:41px;
   max-height:41px;
   box-sizing:border-box;
   position:relative;
}
div#search input::-webkit-input-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input::-moz-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input:-moz-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input:-ms-input-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input:focus::-moz-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input:focus:-moz-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
div#search input:focus:-ms-input-placeholder {color:rgba(255,255,255,0.5); opacity: 1;}

div#search div.progress {
   width:100%;
   height:100%;
   background-color:transparent;
   background-size:auto 4px;
   background-image:url('../img/search_progress.png');
   background-repeat:repeat-x;
   background-position:bottom left;
   position:absolute;
   z-index:151;
   margin:0px;
   margin-left:-15px;
}

ul.menu li img, div#search img, ul.category li img {
	height:20px;
	margin:-5px;
	margin-right:15px;
}

div[data-all], div[data-searchall] {
    margin:0px;
	 #margin-top:60px;
	 margin-left:20px;
    color:#035574;
}

div[data-container] {
	min-height:1px;
   margin:10px;
	position:relative;
	padding-bottom:7px;
	background-size:260px 90px;
	background-repeat:no-repeat;
}
div[data-searchall] div[data-container] {
   #min-height:54px;
}
div[data-containerborder] {
  position:absolute;
}
div[data-containerborder=right] {
  bottom:0px;
  right:0px;
  width: 2px;
  max-height:70px;
  height:100%;
}
div[data-containerborder=bottom] {
  right:0px;
  bottom:0px;
  height:2px;
  width:220px;
}
div[data-containerborder=top] {
  left:0px;
  top:0px;
  height:2px;
  width:220px;
}
div[data-containerborder=left] {
  top:0px;
  left:0px;
  width: 2px;
  height:70px;
}


div[data-next] {
   min-height:30px;
   margin-top:-10px;
	padding-bottom:7px;
}

div[data-container] div[data-progress]{
   width:calc(100% - 90px);
   float:right;
   margin:7px;
   margin-left:0px;
   position:relative;
	background-color:#F0FBFF;
   height:20px;
}
div[data-next] div[data-progress]{
	height:12px;
}
div[data-next].next div[data-progress] {
	display:none;
}
div[data-container] div[data-progress] table {
   font-size:0px;
   empty-cells:show;
   margin:0px;
   padding:0px;
   width:100%;
   height:20px;
   border:1px solid rgba(6,143,196,0.2);
   border-collapse:separate;
	border-spacing: 1px 1px;
}
div[data-container] div[data-progress] table td {

}
div[data-container] div[data-progress] table td[data-full] {
   margin:0px;
   padding:0px;
   width:99%;
	background-color:rgba(6,143,196,0.6);
}
div[data-container] div[data-progresstext] {
   width:100%;
   position:absolute;
   z-index:1;
   font-size:11pt;
   text-align:center;
   #font-family:billabongregular;
   #font-family:p22underground;
   font-family:'program-main';
	font-weight:bold;
	#margin-top:3px;
	text-shadow: 0px 0px 2px #FFFFFF;
   line-height:23px;
   #top:calc(50%);
   vertical-align:bottom;
   
   
}
div[data-next] div[data-progresstext] {
   margin-top:1px;
}
div[data-container] [data-icon] {
   width:65px;
	max-width:65px;
   margin:0px;
   margin-top:7px;
   margin-left:7px;
   #margin-right:10px;
	#margin-bottom:15px;
	float:left;
}
div[data-next] [data-icon] {
	width:auto;
	max-width:45px;
	margin-top:-5px;
	margin-left:20px;
	font-family:condensedbold;
	font-size:35pt;
	font-weight:bold;
	letter-spacing:-4px;
}

div[data-next] [data-icon].alarm {
	width:40px;
	max-width:40px;
	margin-left:7px;
	margin-top:10px;
	#margin-bottom:15px;
	font-size:0px;
	opacity:0.3;
}
div[data-container] [data-icon].alarm {
	opacity:0.3;
}
div[data-container] [data-icon].alarmon {
	opacity:1;
}

div[data-container] div[data-header]{
   font-size:14pt;
   text-align:left;
   font-weight:bold;
	padding-left:82px;
	padding-right:7px;
	padding-top:7px;
	vertical-align:center;
}
div[data-next] div[data-header]{
	margin-bottom:24px;
}
div[data-container] div[data-age]{
	padding:1px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	font-size:9pt;
	color:#FFFFFF;
	font-weight:bold;
	font-family:inherit;
	width:20px;
	text-align:center;
	display:table;
	margin:0px;
	margin-bottom:-3px;
	position:relative;
	border-radius:2px;
}

div[data-container] div[data-description]{
   font-size:12pt;
   text-align:left;
	margin-top:5px;
	margin-left:82px;
	padding-right:7px;
	display:none;
	position:relative;
}
div[data-container] div[data-showmore] {
	margin-top:18px;
	margin-bottom:0px;
	width:100%;
	clear:both;
	height:16px;
	text-align:center;
	color:rgb(6,143,196);
	position:relative;
	z-index:5;
}
div[data-next].next div[data-showmore] {
	display:none;
}
div[data-container] div[data-showmore] div {
	margin-left:0px;
	margin-top:-7px;
	font-size:35pt;
	font-family:bodoni;
	line-height:9px;
	min-width:21px;
	min-height:21px;
	display:inline-block;
	transform:rotate(90deg);
	text-align:center;
	vertical-align:center;
}
div[data-container] div[data-showmore].less div {
	transform:rotate(-90deg);
}
div[data-container] div[data-type] {
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	position:absolute;
	bottom:6px;
	right:6px;
	font-size:7pt;
	color:#FFFFFF;
}
div[data-next] div[data-type] {
	right:4px;
}


@media screen and (orientation:portrait) {
	ul.menu {
		#width:100%;
		#max-width:calc(100% - 20px);
		#top:50px;
		#left:10px;
	}
	ul.menu li {
		#margin-bottom:5px;		
	}
	div.menuclose {
		#display:none;
	}
}