/*page*/

html,body{margin:0;padding:0;}
body, .text, td, table, p{font-family: Verdana, sans; color:#000000;font-size:small}
.helpbody{font-family: Verdana, sans; color:black;font-size:small;padding:1em; margin:1em;color:black;text-align:justify}
th {font-weight:bold}

/*text*/
.title-site{font-family:Arial; color:#006CE3;}
b{font-family:Tahoma}
.alert{text-transform:uppercase;color:#E60000}
.text{font-family:Arial; color:#006CE3;font-size:small}
h1{font:x-large Arial; color:#7B869A; margin:0;text-align:center}
h2{font:large Arial; color:#fe7800; margin:0;font-weight:bold}
.emphtitle{color:#484848;font-weight:bold;text-align:center}
h3{font:medium Arial; color:#ff0000; margin:0;font-weight:bold}
h4{font:medium Arial;font-weight:bold}
.contenttitle{font:small Arial; color:#000000; font-weight:bold;font-size:large}
.helptext{font-family:Arial; color:black;font-size:small}
th.helptext{font-family:Arial; color:black;font-size:small;font-weight:bold}
.emph {font-family: Verdana, sans; color:#C00000;font-size:medium;font-weight:bold}
.bright {font-family: Verdana, sans; color:#555555;}
pre {font-size:small}
.error{color:#E60000}
.tabletitle {font-size:large;font-weight:bold;color:black}

/*navigation*/
a{text-decoration:underline; font-family:Arial, sans; color:#5C677B}
a:hover{text-decoration:none}
.navi a{color:#000000; font-family:Arial; text-decoration:none}
.navi a:hover{color:#ff3e1b; font-family:Arial; text-decoration:underline}

/*design*/
a img{border:0px none; }

.pic img{border:solid 1px #ffffff}
.pic td{border:solid 5px #9900FF}

.border1{border:solid 1px #C0C0C0}

.item{font-size:15px;padding:10px 0 0 0}

/*layout*/
.bgr_bot{background-position:right bottom; background-repeat:repeat-x}
.bgr_bot_pos{background-position:right bottom;}
.bgr_top{background-position:right top; background-repeat:repeat-x}
.norepeat{background-repeat:no-repeat;}
.bgr_bot_right{background-position:right bottom; background-repeat:no-repeat;}
.bgr_right{background-position:right;}

.flag{border:1px solid black}
iframe.flag {
	border-width: 0;
	background-color: white;
	margin: 0;
	padding: 0;
}

/*form*/
.input{border:solid 1px #A5ACB2; font-family:Verdana; color:#000000}
.select{border:solid 0px #A5ACB2; font-family:Verdana; color:#000000}

/*colors*/
.com1{}
.com11{background-image:url('1x1.png');}
.com2{background-color:#0A5BB5}
.com3{background-color:#000000}/*reserved*/
.com4{background-color:#ffffff}/*reserved*/

.module {background-color:#fff1c5;padding:0 0 0 0;BACKGROUND-IMAGE: url('block_center.png');background-repeat:no-repeat;background-size:100% 100%;/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/block_center.png',	sizingMethod='scale');*/}
.moduletop {height:31px; BACKGROUND-IMAGE: url('block_top.png');background-repeat:no-repeat;text-align:center;color:white;vertical-align:middle;font-weight:bold;background-size:100% 100%;}
.modulecontent {padding:10px 12px 10px 12px;}
.content {text-align:justify; font-size:small;vertical-align: top;}
ul,ol { overflow: hidden; }
li {font-size:small;}

.codesample {font-family:Courier New;background-color:#E0E0E0;color:black}

* {
	box-sizing: border-box;
}

@keyframes menuslide {
from {left:-266px;}
to {left:0px;}
}

@-webkit-keyframes menuslide {
from {left:-266px;}
to {left:0px;}
}

#menu {
	width: 20%;
	float: left;
	vertical-align:top;
}

.header {
	float: left;
	width:80%;
}

.headercontent {
	background-image:url('topright.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	border:1px solid #dcdcdc;
}

.main {
	float:left;
	width:80%;
}

#content {
	margin-left: 5px;
	margin-right: 5px;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:5px 5px 5px 5px;
}

#footer {
	float: left;
	width:80%;
	padding: 15px;
}

.sideblock {
	float:right;
	width:20%;
	padding:5px 5px 5px 5px;
}

#toc {
	width:200px;
	height:600px;
	float:left;
	margin-right:2em;
	margin-bottom:2em;
	margin-top:1em;
}

@media only screen and (max-width: 680px) {
#menu,#topmenu,#menuind {
	display:none;
}
.main,.header,#footer {
	width:100%;
}
.sideblock {
	display:inline-block;
	vertical-align:top;
	float:none;
	width:200px;
}
.sideblocks {
	text-align:center;
}
#toc {
	display:none;
	border:1px solid gray;
	background-color:#ffe9ca;
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
	position:fixed;
	top:0px;
}
.wideonly {
	display:none;
}
}

.award {
	display:inline-block;
	width:200px;
	padding:10px 10px 10px 10px;
	text-align:center;
	vertical-align:middle;
}

.contactform td:first-child {
	text-align:right;
	width:40%;
}

.contactform td:last-child {
	text-align:left;
}

.contactform input {
	width:32ch;
	max-width:200px;
	margin:0;
	padding:0;
}

.contactform textarea {
	width:40ch;
	height:15em;
	max-width:270px;
}

td {
	padding:1px 1px 1px 1px;
}

.warn{color:red;font-weight:bold;text-align:center;border:1px solid red}