﻿.mobile-select-menu{display:none; margin: -10px -10px 10px; padding:7px 10px; background:#0963e4;}
.mobile-select-menu select{padding:5px; border:1px solid #bbb; width: 100%; box-shadow: 0 0 0 1px rgba(255,255,255,.2);}

@media (max-width:58em){
	.mobile-select-menu{display:block;}
	#logo{
		padding:10px;
		border-top:5px solid #186FED;
		border-bottom:1px solid #d0d0d0;
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
	}
	#container{width:100%; box-shadow: none; margin: 0;}
	#content{padding:10px; background: #f2f2f2;}
	.main-content{box-shadow:0 0 0 1px #fff;}
	#sidebar{display:none;}
	.acc-key{display:none;}
	.logo{margin: 0 auto; width:150px; height:36px; display:block; background:url(../images/icon-logo.svg); background-size:150px 36px; vertical-align: middle;}
	#main{width:100%; float: none; font-size: 14px;}
	.search{margin:0; border-radius:10px 10px 0 0; z-index: 5;}
	.search .inner{width:auto; border-radius:0; padding:8px 10px; border:0;}
	.counter{position: inherit; right: 0;}
	#top-Nav{
		position: inherit; 
		right:0; 
		top:0; 
		padding:5px 0; 
		margin:0;
		font-size: 12px; 
		text-align: center; 
		color:#ccc;
		border-top:2px solid #fff;
		border-bottom: 1px solid #ccc;
		background:#f2f2f2;
	}
	#top-Nav a{margin: 0; padding:5px; font-size: 12px; color:#333; text-shadow:0 1px 0 #fff; font-weight:700; display: inline-block;}
	#FontSizeContainer{display:none;}
	#nav{position: inherit; right:0; bottom:0;}
	.nav-al,.nav-ar{display:none;}
	.icon-li1, .icon-li2, .icon-li3, .icon-li4{ position: relative; top:0; left:0; margin: 0 auto;}
	#nav li a:hover .nav-al,#nav li a:hover .nav-ar{display:none;}
	#nav li.current a .nav-al,#nav li.current a .nav-ar{display:none;}
	#nav{background:url(../images/bg_nav.png) repeat-x #186fed;}
	#nav li{padding:0; margin:0; background:url(../images/bg_nav.png) repeat-x #186fed; width: 25%; height: auto;}
	#nav a{padding:5px 0; border-left: 1px solid #186FED; border-bottom: 1px solid rgba(255,255,255,.2); text-shadow:0 -1px 0 rgba(0,0,0,.5); box-shadow: 1px 0 0 rgba(255,255,255,.3) inset; text-align: center; background:url(../images/bg_nav.png) repeat-x #186fed; font-size: 12px;}
	#nav li:first-child a{border-left:0; box-shadow: none;}
	#nav li.current a {background: url(../images/bg-navCurrent.png) repeat-x #0963e4; border-bottom: 1px solid #0963e4; text-shadow:0 1px 0 rgba(0,0,0,.5);}
	.aaa{display:none;}
	#footer{min-height: inherit;}
	#footer .inner{padding:15px 0 15px 70px;}
	.search-area{padding: 0 70px 0 0;}
	.search .keyword{box-shadow: 2px 2px 2px #999 inset, 0 0 0 2px #F8F8F8; width: 100%; margin:0; background:#ddd;}
	.search .submit{position:absolute; top:0; right:0; box-shadow: 0 0 0 2px #F8F8F8; border:1px solid #ccc; background: url(../images/btn-submit.png) center center no-repeat; width:40px; height: 27px; text-indent: -999px; overflow: hidden; display: block; padding: 0;}
	.search .submit:hover,.search .submit:active{background: url(../images/btn-submit.png) center center no-repeat;}
	.search .submit:active{box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;}
	.Accessibility-detail{display:none;}
	.main-title .heading{font-size: 1em;}
	.icon-li1 {background:url(../images/icon-li1.svg);}
	.icon-li2 {background:url(../images/icon-li2.svg);}
	.icon-li3 {background:url(../images/icon-li3.svg);}
	.icon-li4 {background:url(../images/icon-li4.svg);}
	.icon-li1, .icon-li2, .icon-li3, .icon-li4{width:26px; height:26px; background-size:26px 26px;}
	#ShareNav{top:10px;}
	.sitemap .inner{padding:0;}
	.sitemap-heading{
		margin: 0;
		background: #49c0f0; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YzBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyY2FmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #49c0f0 0%, #2cafe3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c0f0), color-stop(100%,#2cafe3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #49c0f0 0%,#2cafe3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #49c0f0 0%,#2cafe3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #49c0f0 0%,#2cafe3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #49c0f0 0%,#2cafe3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-8 */
	}
	.sitemap-sublist{padding:0;}
	.sitemap-sublist li{padding:0; display:block; width:100%;}
	.sitemap-sublist li a{padding: 10px; display:block; background:#fff;}
	.sitemap-sublist li:nth-child(2n) a{background:#eee;}
	.icon-dot{display:none;}
	.BackToTop_2{margin:0; border-radius: 0;}
	.icon-home{ display: block;}
	#Breadcrumbs .current{font-weight:700; font-size:2.5em; display:block; padding:.3em 0 0;}
}

@media (max-width:30em){
	body{font-size: 14px; min-width:320px;}
	.mobile-select-menu{margin:0;}
	#content{padding: 0;}
	.search{border-radius: 0; margin: 0; border:0; box-shadow: none;}
	.search-title{display:none;}
	#ShareNav{display:none;}
	#footer{background:#444; color: #fff; text-align:center;}
	#footer .inner{padding:10px 0;}
	#footer .menu,#footer .menu a{color: #fff;}
	.footer-logo{display:none;}
	.th-odd,.th-even{width:27%;}
	.td-odd,.td-even{width:73%;}
	.main-title .heading{width:inherit; display:block;}
	th,td{
		display: block; 
		width:100% !important;
		-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		      box-sizing: border-box;
	}
	.th-odd, .td-odd,.th-even,.td-even {padding:.6em; white-space: normal;}
	.th-odd,.th-even{
		background:#ddd;
		text-align: left;
	}
	.clause-row .info{text-align:left; font-size:.9em;}
	#Breadcrumbs{box-shadow: 0 5px 5px -5px #aaa; background:#fbfbfb; padding:8px 15px;}
	.search-area{ display: block;}
	.datetable{border:0;}
	.sitemap .inner{padding:0;}
	.BackToTop_2{box-shadow: 0 2px 2px #ccc inset;}
	#Breadcrumbs .HomeBTN{margin:0 0 0 -15px; background:none;}
	.sitemap-sublist{padding:0;}
	.clause-row,.menu-row{margin: 0 15px;}
	.main-content{box-shadow:none;}
	.BackToTop_2{display:none;}
	#footer{color:#ccc;}
	#footer .menu{padding:10px 0 0; margin: 0 0 10px; border-bottom:1px solid #333; box-shadow:0 1px 0 rgba(255,255,255,.1);}
	#footer .menu a{
		display: block;
		padding:10px 0;
		color:#ccc;
		border-top:1px solid #333;
		box-shadow:0 1px 0 rgba(255,255,255,.1) inset;
	}
	#Breadcrumbs .current{font-size:2em;}
	.main-title .heading .icon {height:15px; top:5px; width:6px;}
}
