html {
	height:100%;	
}
body {
	min-height:100%;
	height:100%;
}



* {
padding:0;
margin:0;
}

a img {
border:0;
}


body {
font-size:81%;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
height: 100%;
}

a {
color: inherit;
}

.topblock {
width:100%;
padding:.2em 0;
display: flex;
flex-direction: row;
background-color: white;
}

.toplogoblock {
display:block;
flex: 1;
padding: .5rem;
}

.topiconblock {
display:block;
text-align:right;
flex: 1;
padding: .5rem;
}


.all {
background:#B3DEFF;
padding:0;
border-radius:0;

min-height: 100%;
}
.toppage {
height:0px;
width:100%;
}
.maincontent {
/*margin:0 10px;*/
background:#b3deff;

}
.sortable {
/*cursor:move;*/
clear:both;
padding:3px 3px ;
background-color:#eee;
border-bottom:2px solid white;
-moz-transition: background-color 1s ease 0s;
-webkit-transition: background-color 1s ease 0s;
-webkit-transition: background-color 1s ease 0s;
-o-transition: background-color 1s ease 0s;
-ms-transition: background-color 1s ease 0s;
transition: background-color 1s ease 0s;
}


.stextblock img{
vertical-align:middle;
}
.stextblock a, .simgblock{
cursor:pointer;
}

.stextblock {
display: block;
position:relative;
padding-right:30px;
}
.simgblock {
display: block;
top:0;
right:0;
position:absolute;
top:0px;
padding: 0 0px;
}

.sorthelper {
border:1px dashed red;
}

.userinfo {
padding:0;
background-color:#B3DEFF;
height: 100%;
margin-top: 0em;
}
p.indicator {
padding:40px 0;
text-align:center;
}


.bottompage {
display: block;
width:100%;
height:0px;
background-color:#0082DF;
/*background:url(mini_bottompage.gif) 0 100% no-repeat ;*/
bottom:0;
}

input, textarea {
 font-size:100%;
}
.form-group {
   display: flex;
   padding: 0.3em 1em;
   flex-flow: column;
}

form.loginform {
 padding:1em 0;
 background: #b3deff;
}

.form-group .button{
  display:inline-block;
	padding: .5em 2em;
	flex:0;
  margin: auto;
  background: #0f64af;
  border: 2px solid white;
  color: white;
  text-transform: uppercase;
	font-size:90%;
	font-weight:bold;
		
}







.loginform label {
width:80px;
flex-basis: 33%;
/*! background: #b3deff; */
vertical-align: bottom;
flex: 0.7 1;
padding: 0.3em 1em;
text-align: left;
}

.loginform .txtinput {
border:0;
margin:4px;
flex-basis: 66%;
padding: 0.5em;
flex: 2 1;
}

.smicon {
margin:0;
padding:0;
}

#sortables .sortable.active {
border:2px solid #bbb;
background-color:#666;
font-size:120%;
font-weight:bold;
color:white;
}

.logininfo {
background-color: #83C5F5;
padding: 1em 1em;
margin-bottom: 0;
	}
	
.tgdate {
	display:none;
	}

#sortables .sortable.active .tgdate{
display:inline;
font-size:70%;
}
.tgtags {
	display:none;
	}

#sortables .sortable.active .tgtags{
display:inline;
font-size:80%;
}

.fav {
	margin-right:6px;
	}

/* ---- form ---- */

.formline {
text-align: left;
padding: 0.4em 1.4em 0.7em 1em;
display: flex;
align-items: center;
justify-content: center;
}
.formline label {
flex: 0 18%;
}
.formline input.inputfield[type="text"] {
padding: 0.5em 0.4em;
flex: 1 auto;
border-radius: 0;
border: 0;
margin-bottom: 0.4em;
}

.formline input[type="submit"] {
margin: 0 1em;
min-width: 5em;
background: #006cbf;
border: .2em solid white;
border-radius: 0;
color: white;
font-weight:bold;
padding:0.5em;
cursor: pointer;
}

.execmessage {
background-color:
#83c5f5;
padding: 1em;
margin: 0em 1em;
color:black;
word-wrap: break-word;
text-align: center;
border-radius: 0;
}

.msg_title {
	display:block;
	font-weight: bold;
	padding: 0.1rem .2rem;
}
.msg_url {
	display:block;
	font-size: 80%;
	padding: 0.1rem 1rem;
}
.msg_addurl {
	padding: .5rem;
}