@import url( "/css/main.css" );

@media screen and (max-height: 450px) {
    #img_leftlogo {
  	  width:		36px;
	    height:		30px;
    }
}

body {
	background: #ffffff;
	font-family: "sans serif", "MS Sans Serif", "Arial";
}

#form_login {
	z-index: 1000;
	position: absolute;
	right: 80px;
	border: 1px solid black;
	width: 380px;
	padding: 10px;
	background: #f0f4f4;
}

#img_leftlogo {
	color:	blue;
	border:	none;
}

#topbar {
	margin: 0 0px;
	text-align: right;
	clear: right;
}

#welcome {
	padding: 0;
	float: left;
	vertical-align: middle;
}

#main {
	min-height: 400px;
}

#main .hr {
	color:white;
	height:1px;
	border-top:dotted 1px white;
	border-bottom:solid 1px white;
}               

.navbar {
	color: #000055;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	border-top: 1px white dotted;
	border-bottom: 1px white dotted;
}

.navbar a, .navbar a:visited {
	color:#000055;
	margin: 0em 1em;
}

#footmain {
	font-size:100%;
	margin-left:185px;
	padding: 0px;
}

#footmain .hr {
	color: white;
	height: 1px;
	border-top: dotted 1px white;
	border-bottom: solid 1px white;
}

#rightbar {
	width: 220px;
	padding: 0px; 
/*	margin: 25px 0px 0px 0px;*/
	float: right; 
	overflow: hidden;
}

#righttext {
	margin-top: 20px;
}

.menu {
	width: 170px;  
	text-align: left;
	margin: 5px 5px 5px 5px; 
	padding: 0px 0px 3px; 
	font-size: 80%;
	background-color: #f0f0f9;
}

.menu ul {
	font-size:110%;
	color:darkblue;
	list-style:none;
	margin:0em 0em 0em 3px;
	padding:0em 1em;
}

.menu li {
	margin: 0.3em 0em;
}

.menu li.current {
	list-style: disc;
	font-weight: 600;
}

.menu h4 {
/*	margin:0.3em 0px; */
	font-weight:bold;
	padding:0.3em 0px;
	font-size:120%;
}

.menu #button {
	color:darkblue;
	font-family:"Times New Roman","Times";
}

@media screen and (max-width: 900px) {
  #rightbar {
  	display: none;
  }
}

.text {
	padding: 1em 2em 0em 2em;
	font-family: Verdana,sans-serif;
/*	font-size: 14px; */
/* "Times","Times New Roman"; */
/*	text-align: justify;*/
	min-width: 400px;
}

.bigtext {
	line-height: 160%;
}

#container     tr.odd {background: #ffffff;}
#container     tr.even {background: #f0f0f0;}
#container     tr.myrow {background: #80B880;}

.popup td:hover {
	opacity: 0.5;
}
.popup td:hover.nopopup {
	opacity: 1;
}

/* Player Left Block */
#playerleft {
	text-align:	center;
	font-size:	large;
	margin-bottom:	5px;
	padding-bottom:	5px;
/*	box-shadow:	0 0 50px 10px rgba(0, 0, 0, 0.05); */
}

#playleft:not(:empty) {
	border-bottom:	1px solid #CCC;
}

#playerleft[premium] {
	background:	url('/images/icons/20/premium.png') no-repeat 70% 50%;
}

#playerleft>img {
	border:		0;
}

#playerleft>span {
	color:				green;
	font-size:		small;
}

.buypremiumbutton_small {
  font:					menu;
	font-size:		smaller;
	margin-top:		10px;
	padding:			5px 30px;
	color:				yellow;
	background:		url('/images/icons/20/premium.png') no-repeat 5% center, green;
}