body{
			color: #222;
			font-family: "Franklin Gothic","Franklin Gothic Medium","Source Sans Pro",sans-serif;
			font-weight: normal;
			margin: 0;
			padding: 0;
			position: relative;
			height: 100%;
			z-index: 0;
			line-height: 1.4;
			background: white;
			border-width: 1px;			
		}
		
		html body .navbar {
			font-size: 11px;
		}
		html body .navbar a{
			color: black;
		}
		.fixed-top{border-bottom: 1px #ddd solid;}
		.fixed-bottom{border-top: 1px #ddd solid;}
		
		html body .navbar h1{
			font-size: 1.5rem;
		}
		
		form.ltiLaunchForm{ 
			width: 450px; 
			padding: 20px;
			border: 1px solid #ddd;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			background: #f3f1ef;
		}
		
		div#feedback-box{
			padding-bottom: 10px;
		}
		
		div.formWrap{
			height:100vh;
		}
		label.form_desc{
			width:160px; 
			text-align: left;
			padding-left: 5px;
		}
		input.id_area,		
		input.pwd_area{
			width: 5em;
			ime-mode:inactive
		}
		
		#feedback-1{
			color:#f06868
		}

		input.connect{

			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 2px;

			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			border: 1px solid #ccc;


			background-color: #0275d8 ;

			line-height: 2;
			height: 35px;
			text-shadow: 0;
			color: white;
			padding-right:20px;
			padding-left:20px;

		}
		input#connect:hover{
			background-color: #025aa5;
		}


		div.block{ 
			width: 600px; 
			padding: 20px;
			margin:20px;
			border: 1px solid #ddd;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			background: #f3f1ef;
			
		}
		
		
		div.list{
			margin-top:100px;
			margin-bottom:100px;
		}
		
		div.title{
			margin-bottom: 20px;
		}
		div.description{
			padding-left:40px;
			padding-right:40px;
			margin-bottom: 20px;
		}