html {
    overflow-y:scroll;
}

body {
	background-color: #c2a47c;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-family: Raleway, Arial, Helvetica, sans-serif; 
	box-sizing: border-box;
	min-width: 1080px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

* {
	box-sizing: border-box;
}

h1 {
	margin-bottom: 5px;
	margin-top: 5px;
}

div {
	box-sizing: border-box;
}
select, input, textarea {
	font-size: 18px;
	font-family: Raleway, Arial, Helvetica, sans-serif;
	display: inline;
	border-radius: 4px;
	border: 1px solid black;
	margin: 2px;
}

td input, td textarea {
    min-width: 10px;
    max-width: 98%;
    width: 98%;
	border-radius: 4px;
	border: 1px solid black;
}

/* Rules for font Sizing */
.fs-12 {font-size: 12px;}
.fs-18 {font-size: 18px;}
.fs-24 {font-size: 24px;}
.fs-36 {font-size: 36px;}
.fs-48 {font-size: 48px;}

.h-12 {height: 12px;}
.h-18 {height: 18px;}
.h-24 {height: 24px;}
.h-36 {height: 36px;}
.h-48 {height: 48px;}



#contmain {
	max-width: 1080px;
	box-sizing: border-box;
	background-color: #faeedf;
	margin: 0px auto;
	padding: 15px;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 6px 6px 10px #4d4233 inset;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.main {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid black;
	margin: 5px 0px;
	box-sizing: border-box;
}
	
#headline {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	border-bottom: 2px solid black;
	box-sizing: border-box;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */



	
}

#headline #title {
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: italic;
}

#titleStatus  {
	color: #ffffff;
	text-decoration: italic;
}

#titleStatus  input[type="text"], #titleStatus  input[type="password"] {
	width: 120px;
	margin: 2px 5px;
}

#menue ul {
	width: 100%;
	border-bottom: 2px solid black;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #d2b48c;*/
	background-color: #555;
}

#menue li {
	display: inline;
	padding: 0px 10px;
	font-size: 24px;
	/*border: 1px solid #d2b48c; 
	background-color: rgba(229, 197, 154, 0.2);*/
}

a {
	color: black;
	text-decoration: none;
}

a:hover{
	color: black;
	text-decoration: underline;
}

a:active{
	color: black;
	text-decoration: none;
}

a:visited{
	color: black;
	text-decoration: none;
}

#menue a, #menue a:hover,#menue a:active, #menue a:visited {
	color: white;
}

#headline a, #headline a:hover,#headline a:active, #headline a:visited {
	color: white;
}


.items {
	margin: 5px auto;
	padding: 1px 1px;
	background-color: white;
	border: 1px solid black;
}

.items  th {
	background-color: #eadecf;
	padding: 3px 0px;
}

.items  td {
	background-color: #faeedf;
	padding: 3px 0px;
}

.link {
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.link, input[type="button"], input[type="submit"] 
{
  cursor:pointer;  
  border: 1px solid #707070;
  background-color: #F0F0F0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #DDD;
  -o-box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #DDD;
  -webkit-box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #DDD;
  -moz-box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #DDD;
  padding: 3px 6px;
}

.link:hover, input[type="button"]:hover , input[type="submit"]:hover 
{
  cursor:pointer;
  background-color: #EAF6FD;
  border: 1px solid #3C7FB1;
  box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
  -o-box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
  -webkit-box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
  -moz-box-shadow: inset 0 1px 2px #fff, inset 0 -0.7em #BEE6FD, 0 0 3px #A7D9F5;
}
input[type="button"][disabled], input[type="button"][disabled]:hover,input[type="submit"][disabled], input[type="submit"][disabled]:hover
{
  border: 1px solid #ADB2B5;
  text-shadow: 1px 1px #fff;
  cursor:default;
  background-color: #F4F4F4;
  box-shadow: inset 0 1px 2px #fff;
  -o-box-shadow: inset 0 1px 2px #fff;
  -webkit-box-shadow: inset 0 1px 2px #fff;
  -moz-box-shadow: inset 0 1px 2px #fff;
}

.n {
	text-align: right;
}

.outer {
	height: 70px; 
	overflow: hidden; 
	position: relative;
	display: table;
	position: static;
}

.inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: static;
}

.card {
	background-color: white;
	position: absolute;
	width: 110px;
	height: 80px; 
	border: 1px solid black;
	text-align: center;
}
.co {
	height: 80px; 
	width: 110px;
	overflow: hidden; 
	position: relative;
	display: table;
	position: static;
}

.ci {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: static;
}

.lfloat {
	float: left;
}

.rfloat {
	float: right;
	margin-right: 5px;
}

.middle {
	text-align: center;
}

.center_container {
	text-align: center;
}

.center {
	display:inline-block;
	text-align:left;
}

.info {
	font-size: 9px;
	color: grey;
}

.white-box {
	background-color: white;
	box-shadow: 5px 5px 2px #888888;
	border: 1px solid #ddd;
	margin-top: 20px;
	padding: 0px 10px;
}

.halfwidth {
	width: 515px;
}



/*** Some color definitions ***/
.red {color: red}
.green {color: green}
.yellow {color: yellow}
.blue {color: blue}
.orange {color: orange}


.chat_me {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.chat_me:after, .chat_me:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chat_me:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #88b7d5;
	border-width: 30px;
	margin-top: -30px;
}
.chat_me:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 36px;
	margin-top: -36px;
}

.chat_o {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.chat_o:after, .chat_o:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chat_o:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 10px;
	margin-top: -10px;
}
.chat_o:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 16px;
	margin-top: -16px;
}