@font-face {font-family:"caro";src:url("/fonts/BLKCHCRY.TTF") format("truetype");}
footer {font-size:10pt;color:lightgray;font-style:italic;text-align:center;}
#imgMain {width:100%;height:auto;}
#sideDialog {visibility:hidden;position:absolute;top:50px;right:0;width:30px;height:200px;color:blue;margin:12px 0 12px 12px;padding:0;color:#2020ff;}
#sideCaption {position:absolute;left:0;top:0;width:20px;height:auto;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform: rotate(180deg);-ms-transform:rotate(180deg);transform: rotate(180deg);white-space:nowrap;background-color:lightgreen;padding:5px;border-radius: 0 5px 5px 0;cursor:pointer;margin:0;}
#sideBody {display:none;position:absolute;left:30px;top:0;width:auto;height:190px;background-color:lightyellow;padding:5px;border-radius: 0 0 0 5px;margin:0;}
div.sideBodyContainer {display:none;margin:0 0 0 0;padding:5px;width:280px;height:178px;border-radius: 5px;background:url("../images/sideMenuBG.png") no-repeat center center;background-size:100% auto;}
li {cursor:pointer;}
li.underConstruction {color:#5555ff;cursor:default;}
li:hover {border:1px solid green;}
div.divOpenDown {position:absolute;bottom:2px;left:50%;width:40px;height:12px;background:url("/images/Arrow-Down-2.png") no-repeat 100%;opacity:0.4;cursor:pointer;}
div.divOpenDown:hover {border:1px solid grey;opacity:1.0;}
div.uploadPhoto {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.0;
	cursor:pointer;
}
div.uploadPhoto:hover {
	opacity:1.0;
}
div.reminder {
	position:absolute;
	left:0;
	bottom:0;
	border-radius:5px;
	background-color:rgba(173,216,230,0.6);
	font-size: 140%;
	padding:15px;
	margin:8px;
}

#divCabinet {
	visibility:hidden;
	position:absolute;
	top:70px;
	width:80%;
	height:0;
	margin:5px 10% 5px 10%;
/*	margin:auto;*/
	color:blue;
	border-radius:5px;
	background-color:rgba(173,216,230,0.8);
	padding:5px;
}

#userHeader {
	visibility:hidden;
	opacity:0.0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
	border-radius:0 0 5px 5px;
	background-color:rgba(173,216,230,0.95);
	vertical-align:middle;
}

span.userHeaderName {
	font-family:"caro", sans-serif;
	font-size:30px;
	margin:5px;
	color:blue;
}

span.userHeaderLogout {
	height:50px;
	float:right;
	margin:5px;
}

#Modal {
	display:none;
	position:fixed;
/*	padding-top:30%;*/
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	overflow:auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
#divLogin {
	position:absolute;
	width:60%;
	height:12em;
	top:50%;
	left:50%;
	margin:-6em 0 0 -30%;
	padding:5px;
	color:blue;
	background-color:lightyellow;
	border-radius: 5px 5px 5px 5px;
}

table.tableLogin {
	border-style:none;
	width:100%;
}

td.login	{
	padding:2px;
	height:2em;
}
td.or {
	text-align:center;
	font-style:italic;
	color:green;
}
td.photo {
	position:relative;
	vertical-align:middle;
	text-align:center;
}

#divLoginHelp {
	height:8em;
	overflow-y:scroll;
	padding:5px;
}

span.more {
	font-size:90%;
	font-style:italic;
}

img.login {
	margin-left:10px;
	vertical-align:middle;
	cursor:pointer;
}

img.userIcon {
	width:50px;
	height:50px;
	margin:5px;
	vertical-align:middle;
}

img.nameBg {
	vertical-align:bottom;
	margin-bottom:10px;
}


img.userBig {
	width:256px;
	height:256px;
}

img.clickable {
	cursor:pointer;
}
img.clickable:hover {
	opacity:0.3;
}

.hidden {
	display:none;
}