body {
	font-family: sans-serif;
	line-height: 120%;
	width: 90%;
	min-width: 780px;
	max-width: 1200px;
	margin: auto;
}

h2 {
	margin: 0;
	font-size: 120%;
}

p {
	text-align: justify;
}

.prehead {
	height: 2.5em;
	margin-top: 1.5em;
}

.prehead .register-count {
	font-size: 150%;
	text-align: center;
	float: left;
	margin: 0 0 0 0.5em;
}

.prehead .register-count img {
	margin-left: 0.5em;
}

.prehead .menu {
	display: table-row;
	padding: 0;
	margin: 0.5em 0 0 0;
	float: right;
}

.prehead .menu ul {
	padding: 0;
	vertical-align: bottom;
	display: table-cell;
}

.prehead .menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

.prehead .menu a {
	padding: 0.8em;
	background: #F8F8F8;
	margin: 0;
	color: black;
	border: 1px solid #DDD;
	text-decoration: none;
	font-size: 100%;
}

.prehead .menu a:hover {
	background: #EEE;
}

.prehead .menu .mark-blue a {
	background: #EEE;
	border-color: #BBB;
}

.prehead .menu .mark-blue a:hover {
	background: #DDD;
}

.prehead .menu .mark-cyan a {
	background: #D8F8F8;
}

.prehead .menu .mark-cyan a:hover {
	background: #B0F0F0;
}

.prehead .menu .mark-green a {
	background: #D8F8D8;
}

.prehead .menu .mark-green a:hover {
	background: #B0F0B0;
}



.head {
	display: table;
	text-align: left;
	background: #048;
	padding: 0.5em;
	border-bottom: 1em solid #DA4;
	margin: 0 0 0.5em 0;
	font-size: 90%;
	color: white;
}

.head .logo {
	height: 60px;
}


.sidebar-left {
	width: 230px;
	text-align: left;
	float: left;
	/* background: #EEE; */
	/* padding: 0.5em; */
	margin-right: 0.5em;
}

.sidebar-right {
	width: 230px;
	text-align: left;
	float: right;
	/* background: #EEE; */
	/* padding: 0.5em; */
	margin-left: 0.5em;
}


.element1 {
	background: #F8F8F8;
	border: #DDD solid thin;
	padding: 0.7em 0.7em 0.7em 0;
	font-size: 90%;
	margin-bottom: 0.5em;
}

.element1 .icon {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 1em 1em 0.5em;
	border: #DDD solid thin;
}

.element1 .thumb {
	width: 50px;
	height: 37px;
	float: left;
	margin: 0 1em 1em 0;
	border: #DDD solid thin;
}

.element1 h1 {
	font-size: 120%;
	margin-top: 0px;
}

.element1 p {
	margin: 0px;
}


.element1-login {
	padding: 0;
}

.element1-login .menu {
	display: table;
	width: 100%;
	margin: 0 0 0.5em 0;
}

.element1-login .menu ul {
	display: table-row;
	margin: 0;
}

.element1-login .menu li {
	display: table-cell;
	text-align: center;
	background: #F0F0F0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: thin solid #DDD;
}

.element1-login .menu .mark {
	background: #E0E0E0;
}

.element1-login form {
	margin: 0.5em 2em 0.5em 0.5em;
	text-align: right;
}

.element1-login form .text {
	margin-bottom: 0.3em;
}

.element1-login form .text {
	width: 10em;
}


.element1-userpanel {
	padding: 0.5em;
}



.element2 {
	background: #F8F8F8;
	border: #DDD solid thin;
	padding: 0;
	font-size: 90%;
	margin-bottom: 0.5em;
}

.element2 .icon2 { /* action icon */
	border: #DDD solid thin;
	margin-bottom: 0.1em;
}

.element2 .thumb {
	width: 50px;
	height: 37px;
	float: left;
	margin: 0 1em 1em 0.5em;
	border: #DDD solid thin;
}

.element2 .thumb2 {
	width: 50px;
	height: 37px;
	margin: 3px;
}

.element2 h1 {
	font-size: 120%;
	margin-top: 0px;
	text-align: center;
	display: block;
	background: #FD8;
}

#mode_buttons table td {
	font-size: 70%;
}



/* COMMON */

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.justify {
	text-align: justify;
}

.leftmargin {
	float: left;
}

.rightmargin {
	float: right;
}


.clear {
	clear: both;
	height: 0px;
}



/* SEARCH */

/* body {font-family: verdana, sans-serif; font-size: small;} */
table {font-size: 12pt !important; font-size: 10pt;}
.mode-list {border-collapse: collapse; margin: 0.5em auto 0.5em auto;}
.mode-list td {border-bottom: dashed thin black; padding: 0.1em;}
/* .mode-list tr:hover td { border-bottom: solid thin black;} */
.mode-mosaic {border-collapse: collapse; margin: 0.5em auto 0.5em auto;}
.mode-mosaic td {padding: 5px; border: thin dashed gray; text-align: center; vertical-align: middle;}