@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(fonts/NotoSans-Regular.woff) format('woff'), url(fonts/NotoSans-Regular.ttf) format('ttf');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(fonts/NotoSans-Bold.woff) format('woff'), url(fonts/NotoSans-Bold.ttf) format('ttf');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(fonts/NotoSans-Italic.woff) format('woff'), url(fonts/NotoSans-Italic.ttf) format('ttf');
}

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:25%; }
.col2-set .col-wide { width:74.5%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1,
.col4-set .col-2,
.col4-set .col-3,
.col4-set .col-4 {
	width:24.5%;
	float:left;
}
.col4-set .col-4 { float:right; }


.clearfix:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.neos-fluid-widget-paginator:after,
.actionBar:after,
.form-row:after { 
	display:block; 
	content:"."; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden; 
}

/* Page Setup */

html,body,td {
	font-family: "Noto Sans", "Tahoma","Verdana","Arial","sans-serif";
	font-size: 15px;
	color: #333;
}

html,body,#wrap {
	height:100%;
}

.margins {
	width:960px;
	margin:0 auto;
	background:#f9f9f9;
	position:relative;
	padding:1px 0 1px 0;
}
body {
	background:#52669a;
}
body.minimal {
	background:transparent;
}
#wrap > header {
	background:url(../img/blue_bot.png) repeat-x left top #f9f9f9;
}
#wrap > footer {
	padding-bottom:24px;
	background:url(../img/blue_top.png) repeat-x left bottom #f9f9f9;
}
#wrap > header > .margins {
	border-radius:12px 12px 0 0;
	background:#f9f9f9;
	border:1px solid;
	border-bottom-width: 0;
}
#wrap > footer > .margins {
	border-radius:0 0 12px 12px;
	background:#f9f9f9;
	border:1px solid;
	border-top-width: 0;
}
#page > .margins {
	border:1px solid;
	border-width: 0 1px;
}

.margins > .content {
	margin:8px;
	position:relative;
}

#page {
	background:#f9f9f9;
	height:auto;
}
#page > .margins {
	min-height:240px;
}

/* SEARCH HEADER */

#searchHeader {
	border-radius:3px;
	min-height:80px;
}
#searchHeader > div > .content {
	margin:0 11px;
}

#searchHeader > div {
	border-left:1px solid #aaa;
	height:104px;
}
#searchHeader > .col-4 {
	width:25%;
	float:right;
}
#searchHeader > .col-1 {
	border-left:none;
}

#searchHeader h4 {
	margin:0;
	letter-spacing:3px;
	color:#333;
	font-weight: 400;
	font-size: 1.2em;
}
#searchHeader input{
	width:165px;
}
#searchHeader select {
	width:100%;
}


#siteLogo {
	float:left;
	margin:6px 0 6px 8px;
}

/* SELECT LANGUAGE */
.selectLang > .margins {
	background:transparent;
}
.selectLang > .margins {
	text-align:right;
}
.langChooser {
	display:inline-block;
	list-style: none;
	padding:4px;
	background:#eee;
	border-radius: 3px;
	border:1px solid;
	
}
.langChooser > li {
	float:left;
	margin:0 6px;
}
.langChooser > li > * {
	padding-right:6px;
	color: #666;
}
.langChooser > li:last-child > * {
	padding-right:0px;
}
.langChooser > li:after {
	content:"|";
}
.langChooser > li:last-child:after {
	content:"";
}

/* BODY / CONTENT */
#bodyMain > .contentWrap {
	background:#f9f9f9;
	min-height: 385px;
	margin:8px;
	padding:1px 12px 12px 12px;
	position:relative;
}
.contentWrap h1 {
	margin:0.3em 0 0.6em;
	padding-right: 230px;
}


/* MAIN MENU */

#mainMenuWrap {
	background: #eee;
	position:absolute;
	top:10px;
	right:20px;
	width: 220px;
	z-index: 999;
	color: #f9f9f9;
	margin-top:14px;
}
#mainMenuWrap > div {
	padding: 6px 6px 6px 12px;
	cursor:default;
	background:#EB3C00 url(images/menue_closed.png) 95% no-repeat;
	font-weight: bold;
	padding-right: 35px;
	word-wrap: break-word;
}
#mainMenuWrap > .open {
	background-image: url(images/menue_open.png);
}
#mainMenu {
	display: none;
}
#mainMenuWrap ul {
	padding:0;
	margin:0;
	list-style: none;
}
#mainMenu .group {
	padding-left: 12px;
	margin:6px 0;
	color:#333;
}
#mainMenu a {
}
#mainMenu a {
	display:block;
	padding:3px;
	color:#105FAD;
	text-decoration: none;
	padding:4px 4px 4px 10px;
	border-left:2px solid #eee;
}
#mainMenu a:hover {
	color:#333;
	text-decoration: underline;
	border-color:#EB3C00;
}

#mainMenu .active > a {
	color:#105FAD;
	border-color:#EB3C00;
}


/* CMS PAGE */

.cmsPage {
	margin:12px;
}

.cmsPage header {
	padding:6px;
}
.cmsPage header h2 {
	margin:0.2em 0;
}
.cmsPage article {
	padding:12px 0;
	margin:6px 0;
	border: 1px dotted #333;
	border-width:1px 0;
}
.cmsPage footer {
	font-size:80%;
}

/* COMMON FORMS */

input[type="text"], 
input[type="password"], 
input[type="number"], 
input[type="email"], 
select {
	background:#f9f9f9;
	border:1px solid #aaa;
	margin:2px 0;
	padding: 2px;
	border-radius: 2px;
}
input[type="submit"] {
	padding:4px 12px;
}
.form-input input[type="text"],
.form-input input[type="password"], 
.form-input input[type="number"], 
.form-input input[type="email"], 
.form-input select  {
	width: 100%;
}
.form-input input[type="checkbox"] {
	margin-top: 22px;
}

input:focus {
}
option {
	background: #f9f9f9;
}
option:checked {
	background: #cccccc;
}

textarea {
	width:95%;
}

.submit-go {
	background: url(images/button_go.png);
	padding:0 !important;
	width:26px !important;
	height:26px;
	border:0;
}

.form-field {
	margin:4px 12px;
}
.form-field > label,
.form-row > label {
	padding-left:4px;
}
.form-row > label {
	margin-left:12px;
}
.form-field.radio > label,
.form-row > label {
	border-bottom: 1px dotted #aaa;
}
.form-row {
	margin: 6px 0;
}
.form-row > .form-field {
	float:left;
	width:29%;
}
.form-row .form-field.wide {
	width:45.5%;
}
.form-row > input,
.form-row > select {
	margin:5px 15px;
}
.form-field input[type="text"],
.form-field inout[type="password"],
.form-field select {
	width:100%;
}
.form-field.checkbox .form-input {
	display:inline-block;
}
.form-field .row {
	float:left;
	padding:4px 6px;
}
.form-field.radio .col {
	padding:3px;
}
.form-field > label,
.form-row > label {
	display:block;
}
.radio input {
	display:inline-block;
	margin-right:6px;
}
fieldset {
	margin:6px;
}
legend {
	padding:2px 4px;
}

.form-input {
	margin: 2px 0 8px;
	padding: 1px;
}

.form-input table td {
	vertical-align:top;
}

/* COMMON LIST TABLE */

.list {
	margin:12px 0;
	width:100%;
}
.list > * > tr > * {
	padding:5px 6px;
}
.list > thead > tr > * {
	font-size: 105%;
}
.list > * > tr > th {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.list > tbody > tr > th {
	border-right:2px solid #EB3C00;
}
.list > thead > tr > th {
	border-bottom:2px solid #EB3C00;
}
.list > tfoot > tr > th {
	border-top:2px solid #EB3C00;
}

.list > tbody > tr:nth-child(even) > *,
.list > thead > tr:nth-child(odd) > *,
.list > tfoot > tr:nth-child(odd) > * {
	background-color:#f8f8f8;
}
.list > tbody > tr:nth-child(odd) > *,
.list > thead > tr:nth-child(even) > *,
.list > tfoot > tr:nth-child(even) > * {
	background-color:#fafafa;
}

.list.small {
	width: auto;
}

.list.hoverRow > tbody > tr:hover > * {
	background: #eee;
}

.list > tbody + tbody {
	border-top: 2px solid #eb3c00;
}


/* PAGE FOOTER */

#footer > div > .content {
	margin:6px 16px;
	font-size:90%
}

#footer ul {
	margin: 6px 0 0;
	color: #777;
	padding-left: 0px;
	list-style: none;
	font-size: 90%;
}

#footer h4 {
	margin:0;
	letter-spacing:3px;
	color:#333;
}

/* COMMON FLOW */


.neos-fluid-widget-paginator {
	list-style:none;
	
}
.neos-fluid-widget-paginator li {
	float:left;
	padding: 0 6px;
}

#flashMessageBox {
	list-style:none;
	padding: 0;
}
#flashMessageBox li {
	background:#eee;
	border-width:2px;
	border-style:solid;
	padding:12px;
	margin:6px;
}
#flashMessageBox .fm-OK {
	color:#0a0;
	border-color:#0a0;
}
#flashMessageBox .fm-Error {
	color:#f00;
	border-color:#f00;
}
#flashMessageBox .fm-Warning {
	color:#c80;
	border-color:#c80;
}
#flashMessageBox .fm-Message, 
#flashMessageBox .fm-Notice {
	color:#08b;
	border-color: #08b;
}

#spinner {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	text-align: center;
    background-color: rgba(255, 255, 255, .4);
}

#spinner img {
	position: absolute;
    top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}

.binary {
	width:22px;
	height:22px;
	overflow:hidden;
	display:inline-block;
	vertical-align: middle;
	text-indent: 99em;
}
@media print {
	.binary {
		text-indent: 0;
	}
	.noprint {
		display: none !important;
	}
	.margins {
		width: auto !important;
	}
}
.binary.yes {
	background:url(images/avail_yes.png) no-repeat center;
}
.binary.no {
	background:url(images/avail_no.png) no-repeat center;
}
.binary.maybe {
	background:url(images/avail_later.png) no-repeat center;
}
.binary.yes.cornered {
	background:url(images/oxs_status_yes.png) no-repeat center;
}
.binary.no.cornered {
	background:url(images/oxs_status_no.png) no-repeat center;
}

.actionBar {
	list-style: none;
	padding-left:24px;
}
.actionBar > li {
	float:left;
	padding:6px 12px;
	border:1px solid #bbb;
	background:#F8F8F8;
	margin:4px;
	border-radius: 4px;
}

.l1 { background:#aaa; }
.l2 { background:#ccc; }
.l3 { background:#eee; }

a:link {
	color:#105fae;
	text-decoration: none;
}
a:visited {
	color:#105fae;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	color:#000;
	text-shadow: 0 0 2px #f9f9f9;
}

span.blue, 
a.blue:link {
	color: #f9f9f9;
	background: #67CCFF;
	padding: 4px;
	display: inline-block;
}
a.blue:visited {
	color:#f9f9f9;
}
a.blue:hover {
	color:#f9f9f9;
}
a.blue:active {
	color:#000;
	text-shadow: none;
}

span.green,
a.green:link {
	color: #f9f9f9;
	background: #50bd87;
	padding: 4px;
	display: inline-block;
}


.classification {
	border:1px solid #1924b1;
	padding:6px;
	color:#1924b1;
	display:block;
}

.print-field {
	float:left;
	margin:12px;
	min-width:20%
}

/* SPECIFIC LISTS */

h1,h2,h3 {
	color: #EB3C00;
	font-weight: 400;
}
h2, h3 {
	font-weight: 200;
}

#seedManagement .seed > div,
#seedManagement .offer > div {
	display:inline-block;
}
#seedManagement .seed {
	margin-top:12px;
}
#seedManagement .seed td:nth-child(6) a,
#seedManagement .seed td:nth-child(7) a{
	display: inline-block;
}
#seedManagement .seed td:nth-child(6),
#seedManagement .seed td:nth-child(7),
#seedManagement .offer td:nth-child(4),
#seedManagement .offer td:nth-child(5) {
	text-align: center;
}
#seedManagement .offers {
	margin-top:6px;
}
.seed-name { width: 120px; }
.seed-art { width: 140px }
.seed-seedform { width: 110px; }
.seed-seedquality { width:110px; }
.seed-availability, .seed-status { width:30px; }
.seed .offers {
	display:block;	 
	border: 1px dashed #222;
}
.offer-region { width:100px; padding-left:24px; }
.offer-notice { width: 145px; }
.offer-speciesgroups { width: 215px; }

.seed > tr > * {
	background:rgb(255, 235, 153) !important;
}

.toggleOffers {
	display:block;
	text-decoration: none !important;
	text-align: center;
}
.toggleOffers:hover {
	text-shadow:1px 1px 1px #00f;
	color:#f9f9f9;
}

/* REQUEST */

/* REQUEST PROCESS STATUS BAR */

.process-status {
	list-style:none;
	padding:12px;
	border:1px solid #1924b1;
}
.process-status li {
	float:left;
	padding:0 6px;
}
.process-status li:after {
	content:">";
	padding-left:10px;
	font-weight: normal;
}
.process-status li:last-child:after {
	content:"";
	padding:0;
}
.process-status .pending {
	color:#aaa;
}
.process-status .active {
	font-weight: bold;
}
.process-status .old {
	color:#000;
}

/* UI DIALOG */
.ui-widget {
	font-size:1em;
}
/*
.ui-dialog, .ui-datepicker {
	background:#f9f9f9;
	border:1px solid #666;
	border-radius:6px;
	position:relative;
}
.ui-widget-header {
	background:#eee;
	border-bottom:1px solid #777;
	padding:4px;
	border-radius:6px;
	position:relative;
}
.ui-dialog-titlebar-close {
	float:right;
}
.ui-dialog-content {
	padding:4px;
	position:relative;
}
.ui-widget-overlay {
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
}

/* UI-DATEPICKER */
/*
.ui-datepicker {
	display:none;
}
.ui-datepicker-calendar {
	margin:6px;
}
.ui-datepicker-next {
	float:right;
}
.ui-datepicker-prev {
	float:left;
}
.ui-icon {
	display:block;
	width:15px;
	height:15px;
	overflow:hidden;
}
.ui-icon-circle-triangle-e:before {
	content:">";
	display:block;
	width:15px;
	height:15px;
	
}
.ui-icon-circle-triangle-w:before {
	content:"<";
	display:block;
	width:15px;
	height:15px;
}
.ui-datepicker-title {
	text-align: center;
}

*/

.ui-accordion .ui-accordion-content {
	padding: 1em 2px 1em 8px;
}


/* COMPANY LIST */

.company-header > td {
	background:#fd0 !important;
}
.seed-detail > td {
	padding-left:12px;
	background:#f9f9f9 !important;
}
.seed-detail > td:last-child {
	padding-top:50px;
}
.vtop td,
.vtop th,
.vtop {
	vertical-align: top !important;
}

.tinylist {
	margin: 6px 0;
	padding-left: 18px;
}

.fleft {
	float: left;
	display: inline-block;
	width:auto;
}
.fright {
	float: right;
	display: inline-block;
	width:auto;
}

/* REQUEST TEMPLATE */


/* SPLASH SCREEN */

.horz {
	list-style:none;
	padding-left: 110px;
}
.horz > li {
	float: left;
	text-align: left;
	padding: 12px;
	height: 160px;
}
.horz > li > ul {
	text-align: left;
	width: 225px;
	padding: 0;
	list-style: none;
}

.splash ul img {
	height:55px;
	border: 1px solid #000;
}

.dataTables_info {
	padding: 5px 90px 5px 0;
	display:block;
}
.dataTables_paginate {
	padding-top:4px;
}

/* BULKSEARCH */

#searchQuery {
	background: #eee;
	border: 1px solid #999;
	border-radius: 4px 4px 0 0;
	padding: 6px;
}
#searchQuery span {
	margin: 0 6px;
	display: inline-block;
	border-radius: 4px;
}

#searchTree .accToggle {
	cursor: pointer;
	padding-left:32px;
}

#searchTree .header {
	background:#f9f9f9;
	margin-top: 0;
	padding: 5px 4px 5px 0;
	border-top:1px solid #ccc;
	line-height: 18px;
}
#searchTree .bodyCols {
	line-height: 24px;
}
#searchTree .header {
	background: #f9f9f9 url(images/acc_closed_empty.png) 3px center no-repeat;
}
#searchTree .header.match {
	background: #f9f9f9 url(images/acc_closed_full.png) 3px center no-repeat;
}
#searchTree .header.active {
	background: #f9f9f9 url(images/acc_open_empty.png) 3px center no-repeat;
}
#searchTree .header.active.match {
	background: #f9f9f9 url(images/acc_open_full.png) 3px center no-repeat;
}

#searchTree .header .numProducts {
	float:right;
	margin-right: 0.3%;
}
#searchTree .header.active {
	
}

#searchTree .level {
}

#searchTree .header > div {
	display:inline-block;
	vertical-align: middle;
}

#searchTree .body {
	margin: 0 0 8px 30px;
	border: 1px solid #999;
	border-radius: 3px;
}

#searchTree .speciesgroup .body {
	border-right-width: 0 !important;
}
#searchTree .art > .body {
	margin-right: 30px;
}

#searchTree .product .header {
	background-image:none;
	padding-left:4px;
	font-size: 13px;
	padding-bottom: 0;
	line-height: 15px;
}
#searchTree .product .header .col-1 {
	font-size: 14px;
}
#searchTree .product .body {
	border:0;
}
#searchTree .container > .body {
	margin:0;
}

#searchTree .container > .body {
	margin-left:0;
	border-radius: 0;
}
#searchTree .container > .header {
	display:none;
}

#searchTree .offer .binary {
	margin-right: 4px;
}
#searchTree .historyBtn {
	vertical-align: middle;
}

.bodyCols {
	background:#eee;
	padding:2px 2px 2px 6px;
	color: #222;
	border-radius: 3px;
}
.bodyCols > div {
	display:inline-block;
}

.level.art > .body > .bodyCols > div {
	width: 36%;
}
.level.art > .body > .bodyCols > .col-2 {
	width: 13%;
}


.level.speciesgroup > .body > .bodyCols > .col-1 {
	width: 36%;
}
.level.speciesgroup > .body > .bodyCols > .col-2 {
	width: 8%;
	text-align: right;
}
.level.speciesgroup > .body > .bodyCols > .col-3 {
	width: 30%;
	margin-left:3%;
}
.level.speciesgroup > .body > .bodyCols > .col-4 {
	float:right;
	margin-right:2%;
}


.level.seed > .body > .bodyCols > .col-1 {
	width: 47%;
}
.level.seed > .body > .bodyCols > .col-2 {
	width: 17%;
}
.level.seed > .body > .bodyCols > .col-3 {
	width: 17%;
}
.level.seed > .body > .bodyCols > .col-4 {
	width: 17%;
}

.level.product > .header {
}

.level.product > .header > div {
	display:inline-block;
	width:40%;
}

.level.product > .header > .col-1 {
	width:48%;
}
.level.product > .header > .col-2 {
	width:17%;
}
.level.product > .header > .col-3 {
	width:17%;
}
.level.product > .header > .col-4 {
	width:17%;
}
.level.product > .header > .col-5 {
	width: 0%;
}

.level .sndRow {
	text-align:left;
	margin-left:5%;
}
.level.product > .header > .sndRow.offerflags {
	width: 100%;
}

.level.seed > .header > div {
	display:inline-block;
}
.level.seed > .header > .col-1 {
	width:31%;
}
.level.seed > .header > .col-2 {
	width:8%;
	text-align: right;
}
.level.seed > .header > .col-3 {
	width:46%;
	margin-left:5%;
}
.level.seed > .header > .col-4 {
	width:5%;
}

.level.speciesgroup > .header > div {
	display:inline-block;
	width:20%
}
.level.speciesgroup > .header > .col-1 {
	width:36%
}
.level.speciesgroup > .header > .col-2 {
	width:5%;
	text-align:right;
}
.level.speciesgroup > .header > .col-3 {
	width:29%;
	margin-left:5%;
}

.level.art > .header > .col-1 {
	width:44%
}
.level.art > .header > .col-2 {
	width:40%
}


#classificationDialog .classBox {
	border: 1px solid;
	padding: 4px;
}
.classBox .name {
	font-weight: bold;
}
.classBox > * {
	margin: 8px 4px;
}

#alternateSearches {
	border: 1px solid #aaa;
	border-radius: 0 0 8px 8px;
	background: #eee;
}


#showAlsoUnavailable {
	height: 24px;
	float:right;
	display: inline-block;
	cursor: pointer;
	border: 2px solid transparent;
	background-color: transparent;
}
#showAlsoUnavailable > div {
	display:inline-block;
	margin:0 2px;
}
#showAlsoUnavailable:hover {
	text-decoration: underline;
}
#showAlsoUnavailable.active .binary:after {
	content: "";
}


/* REQUEST FORM */

.availableSeedList {
	list-style:square;
	column-count: 2;
}
.availableSeedList > li > span {
	font-weight: bold;
}

.minimal .list > tbody > tr {
	border-bottom: 1px solid;
}

.innerFieldset {
	background: #f9f9f9;
}
.outerFieldset {
	background: #f6f6f0;
	padding:2px;
}
.outerFieldset > legend {
	text-align: center;
}



/* USER CENTER */
.address, address {
	margin: 12px 0 12px 12px;
	padding-left: 6px;
	border-left: 1px solid #EB3C00;
	font-style: normal;
	display:inline-block;
}


#addOptionsDialog .form-field.wide {
	width: 30%;
}

.accountDeactivatedWarning {
	color: #f00;
	background: #FFE4AB;
	padding: 6px 12px;
	border: 1px dashed #f00;
}

.botanic {
	font-style: italic;
}

.silentList {
	list-style: none;
	padding: 0;
	margin: 8px 0;
}

.noscriptWarning {
	background: #FFD600;
	padding: 12px;
	margin: 7px 210px 7px 0;
	border: 3px ridge #DDBA00;
	display: block;
}

.cmsPageHeader {
	width: 50%;
	display: inline-block;
}

.sortInfo {
	border: 4px solid #FFAF37;
	border-width: 1px 4px;
}
.sortInfo td {
	padding: 3px 6px;
}

.deepLink {
	padding: 6px 12px;
	margin: 4px;
	border: 1px dotted #aaa;
	background: #eee;
}

.label {
	font-weight: 400;
}

.tipp_right,
.tipp_right_box {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
}
.tipp_right_box {
	background-color: #fff;
	border: 1px solid #ddd;
}
hr {
	background-color: #105FAE;
	height: 1px;
	border: none;
	width: 33%;
	margin-left:0;
	text-align:left;
}

#lineOutput {
	white-space: pre;
	font-family: monospace;
	font-size: 80%;
	width: 100%;
	max-height: 800px;
	overflow: auto;
	margin: 12px 0;
}

#lineOutput > div:nth-child(odd) {
	background: #eee;
}

.right {
	text-align: right !important;
}
.hoverRow th > label {
	display: block;
}

.warning-deleted {
	background: rgba(200,0,0,0.3);
	padding: 2px 4px;
	display: inline-block;
	margin: 0 32px;
}

span[title="DELETED"] {
	color: #a00;
}

.reviewer {
	margin-left: 12px;
}

.confirm-delete:hover {
	background: #a00;
	color: #fff;
}

.form-top > .form-group {
	vertical-align: top;
}
.form-inline .form-group {
	display: inline-block;
}

.historySortList {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;
	padding-left: 0;
	list-style: none;
}
.historySortList > li {
	width: 230px;
}

#Conversation .me {
	background-color: #e5f4f7;
}
#Conversation .unread {
	border-left: 4px dashed #f0ad4e;
}


.historyTable > tbody > tr > td {
	vertical-align: top;
	border-bottom: 1px solid #aaa;
}
.historyTable > tbody > tr > td:first-child {
	min-width: 216px;
}