.Popup {
	position:absolute;
	left:20px;
	top:20px;
	z-index:2;
	background-color:white;
	border: 10px solid #1C6EA4;
	border-radius:10px;
}
.PopupTop {
	background-color:#3678A4;
	font-weight:bold;
}
body {
		background-color: #0099cc;
}
@media only screen and (max-width: 600px) {
	/* Cell Phone */
	body {
		background-color: #0099cc;
		margin: 0; 	
	}
	.TitleDiv {
		background-color: #A0B4FA;
		color:white;
		font-family:arial;
		font-size:24pt;			
		width:100%;
		text-align:center;
	}
	.TitleDiv input {
		background-color: #99ff66;
	}
	.LoginDiv {
		font-size:18pt;
		width:100%;
		text-align:center;
		background-color:#b3d9ff;
	}
	.LoginInput {
		width:100%;
		text-align:center;
		background-color:#b3d9ff;
	}
	.TitleDivLeft {
		background-color: #A0B4FA;
		color:white;
		font-family:arial;
		text-align:center;
		font-size:18pt;
	}
	.UserNameDiv
	{
		background-color: #A0B4FA;
		color:white;
		font-family:arial;
		text-align:center;
		font-size:12pt;	
		width:150px;
	}
	.PasswordDiv
	{
		background-color: #A0B4FA;
		color:white;
		font-family:arial;
		text-align:center;
		font-size:12pt;
		width:150px;
	}
	.UserNameBox
	{
		background-color: #A0B4FA;
		text-align:center;
	}
	.PasswordBox
	{
		background-color: #A0B4FA;
		text-align:center;
		padding-left:10px;
	}
	.LoginBox
	{
		background-color:#A0B4FA;
		text-align: left;
		padding-left:10px;
	}
	.FadedInputBox {
		color:#808080;
	}
	.InfoDiv {
		margin:auto;
		width:70%;
		border: 12px solid #0000FF;
		border-radius: 20px 20px 20px 20px;
		padding:40px;
		background-color: rgba(230, 242,255, 0.8); /* #e6f2ff;*/
		
	}
	.LoginBackground {
		width:100%;
		height:600px;
		background-image:url(/images/motherboard.jpg);
		background-size: cover;
	}
}
@media only screen and (min-width: 601px) {
	/* Desktop */
	body {
		margin: 0; 	
	}
	.TitleDiv {
		background-color: #A0B4FA;
		color:white;
		font-family:arial;
		font-size:24pt;			
		width:100%;
		text-align:center;
	}
	.TitleDiv input {
		background-color: #99ff66;
	}
	.LoginInput {
		width:100%;
		text-align:center;
		background-color:#b3d9ff;
	}
	.FadedInputBox {
		color:#808080;
	}
	.InfoDiv {
		width:80%;
		margin:auto;
		margin-top:50px;
		border: 12px solid #0000FF;
		border-radius: 20px 20px 20px 20px;
		padding:40px;
		background-color: rgba(230, 242,255, 0.5); /* #e6f2ff;*/
		
	}
	.LoginBackground {
		width:100%;
		height:600px;
		background-image:url(/images/motherboard.jpg);
		background-size: cover;
	}
	.ErrorMessage {
		color:#FF0000;
		background-color:#FFFFFF;
	}
}
#divLeftTree
{
	overflow-y:auto;
	border:1px solid black;
	display:inline-block;
	background-color:#c0c0ff;
}
#divContent
{
	background-color:#FFFFFF;
	overflow:auto;
	display:inline-block;
	border:1px solid black;
}
#divLeftTree div
{
	border:0px;
}
.LeftItem {
	white-space:nowrap;
}
.Selected {
	background-color:#FFFF00;
}
.Section {
	background-color:#66ff99;
}
.table {
	display:table;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
}
.NotebookText {
	border:1px solid black;
}
.FiftyPercent
{
	width:50%;
	margin-left:0px;
	margin-right:0px;
	margin-left:0px;
	margin-right:0px;
	display:inline-block;
	vertical-align:top;
	border:0px;	
}
.HundredPercent
{
	width:100%;	
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
.EyeClosed
{	
	width:15px;
	height:15px;
	background-image:url("Images/Eye.png");
	display:inline-block;
	border:1px solid black;
	background-size:50px 50px;
	background-position:-4px -4px;
	position:relative;
	top:5px;
}
.EyeClosed:hover
{
	background-position:22px -4px;
}
.EyeOpen
{
	width:15px;
	height:15px;
	background-image:url("Images/Eye.png");
	display:inline-block;
	border:1px solid black;
	background-size:50px 50px;
	background-position:-4px 22px;
	position:relative;
	top:5px;
	
}
.EyeOpen:hover
{
	background-position:22.5px 22px;
}