@charset "UTF-8";
/* CSS Document */

	/* Container Divs */
		#loginCanvas {	
						position:fixed;
						display:none; 
						width:100%; 
						height:100%; 
						background-image:url(http://www.projectsinknowledge.com/images/darkGrayTrans.png);
						background-attachment:fixed; 
						z-index:200000;
						left:0px; top:0px; bottom:0px; right:0px; 
						font-family:Geneva, Arial, Helvetica, sans-serif;
					}
					

						
		#logger	{
						width:580px; 
						border:1px solid #d1322c; 
						padding:10px; 
						overflow:hidden; 
						margin:100px auto; 
						background-color:white;
					}
	
	/* Classes */
		.topBox{position:relative;}
		.topBoxh2 {color:#d1322c; text-align:center;}
		.ulBox1 {left:55px; max-width:580px; position:relative; top:15px;}
		.topBox ul {font-size:11px;}
		.topBox ul li {float: left; width: 50%; font-weight:500;}
		.middleBox{position:relative; min-height:260px; text-align:center;}
		.middleBoxh3 {font-size:13px;}
		.bottomBox{position:relative; display:block;}
		.pikLogo {text-align:right;}
		.logOrReg{width:90%; height:98%; margin:auto; background-image:url(http://www.projectsinknowledge.com/images/redTransparent.png); text-align:left; position:relative;}
		.logOrRegh3 {font-size:16px;}
		.logQuest{width:49%; float:left; height:230px; margin:auto; margin-top:0px; padding-top:25px; background-color:#FFFED6;}
		#mptLink {
		  width: 200px;
		  margin: 20px auto 0;
		  text-decoration: none;
		  color: #fff;
		  background-color: #5bc0de;
		  border-color: #46b8da;
		  display: inline-block;
		  margin-bottom: 0;
		  font-weight: normal;
		  text-align: center;
		  vertical-align: middle;
		  touch-action: manipulation;
		  cursor: pointer;
		  background-image: none;
		  border: 1px solid transparent;
		  white-space: nowrap;
		  padding: 6px 12px;
		  font-size: 14px;
		  line-height: 1.42857;
		  border-radius: 4px;
		  -webkit-user-select: none;
		}
		.RegQuest{width:49%; float:right; height:230px; margin:auto; margin-top:0px; padding-top:25px; background-color:#E3E3E3;}
		.loginTopText{width:90%; margin-left:auto; margin-right:auto; }
		.loginFormBox{width:90%; margin-left:auto; margin-right:auto; }
		.termP {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.termUL {left:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style-position:inside;}
	/* Views */
		#ViewOne {display:block; position:relative;}
		#ViewTwo {display:none; position:relative;}
		#ViewThree {display:none; position:relative;}
		#ViewFour {display:none; position:relative;}
		#termsBox {display:none; position:absolute; border:1px solid black; background-color:white; z-index:1000; width:550px;height:340px; font-size:10px;margin:-340px auto; font-family:Arial, Helvetica, sans-serif;}
		
	/* Button Views */
		#loginButton {display:block; background:url(http://www.projectsinknowledge.com/images/LoginButton.png) no-repeat 0 0; width:163px; height:40px; margin-left:auto; margin-right:auto; cursor:pointer;}
		#loginButton:hover {display:block; background-position: 0 -40px;}
		.loginButtonSmall {display:block; background:url(http://www.projectsinknowledge.com/images/LogInSmall.png) no-repeat 0 0; width:80px; height:34px; margin-left:auto; margin-right:auto; cursor:pointer; border:none; color:none;}
		.loginButtonSmall:hover {display:block; background-position: 0 -34px;}
		#createButton {display:block; background:url(http://www.projectsinknowledge.com/images/CreateAccountButton.png) no-repeat 0 0; width:163px; height:40px; margin-left:auto; margin-right:auto; cursor:pointer;}
		#createButton:hover {display:block; background-position: 0 -40px;}
		.registerButtonSmall {display:block; background:url(http://www.projectsinknowledge.com/images/RegisterSmall.png) no-repeat 0 0; width:96px; height:34px; margin-left:auto; margin-right:auto; cursor:pointer; border:none; color:none;}
		.registerButtonSmall:hover {display:block; background-position: 0 -34px;}
		.sendButton {display:block; background:url(http://www.projectsinknowledge.com/images/SendButton.png) no-repeat 0 0; width:64px; height:34px; margin-left:auto; margin-right:auto; cursor:pointer; border:none; color:none;}
		.sendButton:hover {display:block; background-position: 0 -34px;}

#mptLogo{ width: 100%; }