@charset "UTF-8";

body.mobilephone {
	font-size: 9.5pt !important;
	padding-top: 50px;
}


.mobilephone h1 {
	font-size: 18pt !important;	
	text-align: center;
}















.mobilephone #container {
	width: 100%;	
	margin: 1% auto;
}

.mobilephone #login {
	display: none;	
}

.mobilephone #main {
	
	 width: 94%;
	 margin: 3% auto;
	 padding: 2% 0px;
	 padding-bottom: 0px;
		
}

	.mobilephone #header {
		
		box-shadow: 0px 0px 6px #bbb;
		color: green;
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		
		margin: 0px;
		height: 45px;
		
		background: #fff;
		 
		z-index: 1000;
		
		
	}
	
	.mobilephone #itil-logo {
		left: 23px;
		top: 4px;
	}
	
	.mobilephone #itil-logo img {
		height: 40px;
	}
	
	.mobilephone #oa-logo {
		right: 110px;
		top: 14px;
	}
	
	.mobilephone #oa-logo img {
		width: 95px;
	}
	
	.mobilephone #neu-flag {
		display: none;
	}
	
	#neu-flag-mobile {
		display: none;
	}
	
	.mobilephone #neu-flag-mobile {
		display: inline;
		height: 45px;
	}
	
	
	
	.mobilephone #itil-updage-flag {
		display: none;
	}
	
	
	.mobilephone #navigation {
		position: absolute;
		top: 45px;
		left: 0px;
		right: 0px;
		bottom: auto;
		
		padding: 15px;
		padding-bottom: 5px;
		
		width: 100%;
		
		background: #b4b4b4; /* Old browsers */
		background: -moz-linear-gradient(top,  #b4b4b4 0%, #d6d6d6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b4b4b4 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b4b4b4 0%,#d6d6d6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b4b4b4 0%,#d6d6d6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b4b4b4 0%,#d6d6d6 100%); /* W3C */
		
		-webkit-box-shadow:  0px 10px 30px -10px rgba(0, 0, 0, 0.5);
        box-shadow:  0px 10px 30px -10px rgba(0, 0, 0, 0.5);
	}
	
	.mobilephone #navigation li {
		background: none;
		margin-right: 0px !important;
	}
	
	.mobilephone #navigation li a{
		margin-bottom: 10px;
		margin-right: 15px !important;
	}
	
	#menuopen {
		display: none;	
	}
	
	.mobilephone #menuopen {
		display: block;
		position: absolute;
		
		top: -45px;
		right: 0px;
		
		
		padding-left: 10px;
		padding-right: 25px;
		padding-top: 10px;
		
		background: #d6d6d6 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #d6d6d6 0%, #b4b4b4 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#b4b4b4)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d6d6d6 0%,#b4b4b4 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d6d6d6 0%,#b4b4b4 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d6d6d6 0%,#b4b4b4 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #d6d6d6 0%,#b4b4b4 100%) !important; /* W3C */
		
	}
	
	.mobilephone .open li, .nojs.mobilephone .closed li{
		display: block;
	}
	
	.mobilephone .closed li{
		display: none;
	}
	
	.mobilephone #navigation.closed {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.nojs.mobilephone #navigation.closed {
		padding: 15px;
		padding-bottom: 5px;
	}
	
	
	
	
	
	.mobilephone #infoboxes {
		margin-top: 10px;
		padding: 0px !important;
	}
	
	#infoboxes2 {
		display: none;
	}
	
	.mobilephone #infoboxes2 {
		display: block;
	}
	
	.mobilephone .content {
		position: relative;
		line-height: 1.8em;
		overflow: hidden;
		padding: 0px 8%;
		padding-bottom: 40px;
	}
	
		.mobilephone .content .innercontent {
			float: none;
			width: 100%;
		}
		
		.mobilephone .content{
			overflow: visible !important;
		}
	
	
	
	
	.mobilephone #footer {
		padding: 0px 10px 15px;
		text-align: center;
		font-size: 0.8em;
	}
	
		.mobilephone #footerlinks {
			display: block;
			margin-top: 4px;
		}
		
			.mobilephone #footerlinks a {
				float: none;
			}
			
			.mobilephone #footerlinks a:FIRST-CHILD {
				margin-left: 0px;
			}
	
	
	
	/* ============ youtube ============= */
	
	.mobilephone .video {
		position: relative;
		left: -20px;
		
		width: 108%;
		
	}
	
	.mobilephone .video:hover {
		border: 1px solid #fff;
	}
	
	
	.mobilephone .video .image {
		height: 65px;
		width: 30%;
	}
	
	.mobilephone .video .image img {
		
		position: absolute;
		margin: 0px auto;
		
		height: 110%;
		width: auto;
	}
	
	
	.mobilephone .video .text {
		position: absolute;
		right: -20px;
		left: 35%;
		
		padding: 0px;
		width: 65%;
		
		font-size: 10px;
	}
	
	.mobilephone #ytapiplayer {
		width: 100%;
	}
	
	.mobilephone .video_detail  {
		width: 100%;
		overflow: hidden;	
		padding-bottom: 5px;
	}
	
	.mobilephone .slidebar {
		overflow: hidden;
		width: 100%;
	}
	
	.mobilephone .slidebox {
		display: none;
	}
	
	.mobilephone #stepscontainer {
		position: relative;
		left: -14%;
		height: 180px;
		width: 123.5%;
	
		padding: 0px 2%;
			
		overflow:scroll;
	}
	
	.mobilephone #stepscontainer #steps {
		margin: 20px 0px;
	}
	
	.mobilephone .learninfo {
		float: none;
		width: auto;
		padding: 7px;
		padding-left: 40px;
		font-size: 0.95em;
		margin-left: 0px;
	}
	
	
	.mobilephone .leti_form {
		width: 100%;
	
	}
	
	.mobilephone .default_form {
		width: 100%;
	}
	
	.mobilephone .content .bigicons {
		position: relative;
		left: -14%;
		width: 123.5%;
	
		padding: 0px 2%;
			
		overflow:scroll;
		box-shadow: 0px 0px 6px #bbb;
		background: #fff;
	}
	
	.mobilephone .content .bigicons ul {
		margin: 0px 0px;
	}
	
	.mobilephone .content .bigicons .background {
		left: 10px;
	}