body {
	font-family: 'Roboto Slab', serif;
	position:relative;
	padding:0px 0px;
	margin:0px;
}

[noselect='y'] {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#main_wrapper, .main_wrapper {
	width:800px;
	margin:15px auto;
	border:1px solid #667799;
	box-shadow: 3px 3px 5px #9988AA;
	padding:25px;
}

#main_wrapper[tall], .main_wrapper {
	margin:15px auto;
}

table.main th {
	text-align:right;
	padding-right:10px;
}
table.main input {
	font-family: 'Roboto Slab', serif
	font-size: 14px;
	width:280px;
}

a {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted black;
}

a:hover {
	border-bottom:1px solid black;
}

#toolbar {
	position:absolute;
	right:0px;
	top:0px;
	z-index:3;
}

#toolbar img {
	opacity:0.5;
	padding:15px;
	height:18px;
}
#toolbar img:hover {
	opacity:1;
}
#toolbar a {
	text-decoration:none;
	border-bottom:0px dotted black;
}


.plus, .minus {
	display: inline-block;
	cursor: pointer;
	padding: 0px 4px;
	width: 25px;
	height: 17px;
	background-color: #EEF;
	border: 1px solid #99A;
	text-align: center;
	border-radius: 5px;
	margin: 0px 3px;
	font-size: 12px;
}

#logo {
	display:block;
	margin:auto;
	padding-top:20px;
	max-height:150px;
	max-width:100px;
}

#footer {
	width:100%;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#F6F6F6;
	border-top:1px solid darkgrey;
	text-align:center;
	font-size:75%;
}

.foot_part {
	display:inline-block;
	padding:5px 10px;
	margin:5px 10px;
	cursor:pointer;
	border-bottom:1px dotted #F6F6F6;
}
.foot_part:hover {
	border-bottom:1px dotted black;
}

#footer a {
	text-decoration:none;
	border-bottom:0px solid white;
}

#footer #icons {
	float:right;
	padding-right: 10px;
	height: 24px;
	margin-top: 5px;
}

#footer #icons img {
	height:24px;
	cursor:pointer;
	padding:5px;
	opacity:0.2;
}

#footer #icons img:hover {
	opacity:1;
}

#footer_info {
	display:none;
}


#footer_info_bg {
	width:100%;
	height:100%;
	opacity:0.5;
	position:fixed;
	top:0;
	left:0;
	background-color:grey;
}
#footer_info_content {
	width:60%;
	height:80%;
	position:fixed;
	top:25px;
	left:20%;
	background-color:white;
	border:1px solid black;
	box-shadow: 3px 3px 5px #9988AA;
	padding:25px;
	padding-top:45px;
	overflow-y: scroll;
}

#footer_info_content #close {
	position:absolute;
	left:15px;
	top:15px;
	width:18px;
	cursor:pointer;
}


#toolbar_customer_finder {
	position:absolute;
	display:none;
	width: 400px;
	right: 10px;
	border:1px solid darkgrey;
	box-shadow:5px 5px 5px lightgrey;
	background-color:#EEE;
	z-index:10;
}

#toolbar_customer_finder_results {
	display:none;
	position:absolute;
	right: 0px;
	height:200px;
	width:800px;
	background-color:white;
	border:1px solid black;
	margin:0px;
	padding:0px;
	list-style-type:none;
	z-index:10;
	overflow-y:scroll;
}
#toolbar_customer_finder_results li .icons {
	float:right;
}
#toolbar_customer_finder_results li .icons img {
	height: 18px;
	padding: 0px 7px;
}
#toolbar_customer_finder_results li {
	padding:5px;
	cursor:pointer;
}
#toolbar_customer_finder_results li:hover {
	background-color:lightgrey;
}
#toolbar img#close_toolbar_popout_btn {
	position:absolute;
	cursor:pointer;
	right:2px;
	top:2px;
	padding:0px;
}

.site_content a {
	border-bottom:1px dotted black;
}
.site_content a:hover {
	border-bottom:1px solid black;
}


.site_content .red {
	color:red;
	font-weight:bold;
}
.site_content .green {
	color:green;
	font-weight:bold;
}
.avatar {
  display:inline-block;
  font-size:16px;
  font-weight:400;
  width:24px;
  height:24px;
  line-height:24px;
  text-align:center;
  border-radius:50%;
  background:lightgrey;
  vertical-align:top;
  color:white;
  margin-top:12px;
  font-family:Courier;
}

.color_square {
	width:16px;
	height:16px;
	border:1px solid black;
	margin-left:3px;
	margin-right:3px;
	display:inline-block;
	cursor:pointer;
}

.color_square[selected] {
	border:2px solid darkblue;
	box-shadow:0px 0px 5px darkblue;

}

.translation_btn {
	font-size:75%;
	border:1px solid darkgrey;
	margin:0px 5px;
	padding:2px 10px;
	cursor:pointer;
	width:20px;
	text-align:center;
	margin-bottom:10px;
	display:inline-block;
}
.translation_btn[current_selection='1'] {
	box-shadow:0px 3px 3px darkgrey;
	background-color:#EEE;
}
.translation_btn[current_selection='0'] {
	opacity:0.5;
}
.translation_btn[is_set='1'] {
	color:green;
}
.translation_btn[is_set='0'] {
	color:red;
}
.translation_btn[default] {
	font-weight:900;
}

.translation_buttons {
	margin-left:15px;
}

.translation_fields input[current_selection='0'], .translation_fields textarea[current_selection='0'] {
	display:none;
}