@padding:20px;
@rosa: rgb(200,60,130);
@grau: rgb(100,100,100);
@boxtitle: #444;
@bodybg: #eee; 

@gutter:1%;

/////////////////// LAYOUT /////////////////// 
.row {
	width: 100%;
	overflow: hidden;
}

.column {
	margin: 0 @gutter;
	float: left;
	display: inline;
	width:100%-(2*@gutter);
}

.row .row {
	margin: 0 (@gutter * -1);
	width: auto;
	display: inline-block;
}

.two-cols {width:(50%-(2*@gutter));}
.four-cols {width:(25%-(2*@gutter));}

@sidebar:340px;
@sidebargutter:20px;
@innerbar:280px;

.wrapleft {
	float: left;
	width: 100%;
	position: relative;
}

.left {margin-right:@sidebar + @sidebargutter;position:relative;}
.right {width: @sidebar;margin-left: @sidebar*-1;float:right;position: relative;}

.left:hover,.right:hover {z-index:1;}

.inner-left {margin-right:@innerbar + @sidebargutter;}
.inner-right {width: @innerbar;margin-left: @innerbar*-1;float:right;position: relative;}

body {
	font: normal 1em/1.2em 'Droid Sans', sans-serif;
	background-color:@bodybg;padding:0;margin:0;
	min-width: 1000px;
}
html { 
    overflow-y: scroll;
}


#content {
/*	position:fixed;
	left:0;
	bottom:0; 
	right:0; 
	overflow-y:auto;
	top:34px;
*/

	padding:44px 20px 20px 20px;
}

.ellipsis {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/////////////////// Mixin /////////////////// 

.mixinTypoNeg (@farbe:@rosa) {
	text-shadow: 0 -1px darken(@farbe, 30%);color:#fff;
}
.mixinTypoPos (@farbe:#fff) {
	text-shadow: 0 1px @farbe;
}

.mixinGradient(@farbe:@grau) {
    @farbe_light: lighten(@farbe, 10%);
    @farbe_dark: darken(@farbe, 10%);
    filter:     ~`"progid:DXImageTransform.Microsoft.gradient(startColorStr='@{farbe_light}',EndColorStr='@{farbe_dark}')"`;
    -ms-filter:     ~`"progid:DXImageTransform.Microsoft.gradient(startColorStr='@{farbe_light}',EndColorStr='@{farbe_dark}')"`;

	background: -moz-linear-gradient(top,  @farbe_light,  @farbe_dark);
	background: -webkit-gradient(linear, left top, left bottom, from(@farbe_light), to(@farbe_dark));
    zoom: 1;
}

.mixinRoundCorners (@tl:6px, @tr:6px, @bl:6px, @br:6px) {
	-moz-border-radius: @tl @tr @bl @br;
	border-radius: @tl @tr @bl @br;
}

.gradient {
	.mixinGradient(@grau);
}

/////////////////// HEADER /////////////////// 

#header-spacer {
    @farbe:@grau;
    height: 31px;
    position:fixed;
    z-index:998;
    width:100%;
    border-bottom: 1px solid darken(@farbe,30%);
    border-top: 1px solid lighten(@farbe, 20%);
}

#header {
	overflow: visible;
	width:100%;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
}

#header h1 {font-size:18px;line-height:15px;padding:0;margin:.5em 0 .5em 0;text-align:center;position:absolute;top:0;left:40%;.mixinTypoNeg;}

#header input[type="text"] {
	height:20px;
	.mixinRoundCorners(13px,13px, 13px, 13px);
	border: 1px solid darken(@grau, 15%);
	width:120px;
	padding:0 0 0 22px;
	background: #fff url('/static/admin/images/ico-lupe.png') no-repeat 6px 4px;
	margin:5px 10px 0 10px;
}



#userinfo, #shortcuts, #searchform, #search {
	float:right;
}
#userinfo,#searchform { width: 140px; }
#shortcuts {position:relative;z-index:1000;}
#userinfo, .listbar, .pulldown, #navigation h2 {font-size:12px;color:lighten(@rosa, 30%);font-weight:normal;}
#userinfo {line-height:32px;margin-right:@padding;}

/////////////////// Navigation /////////////////// 
.pulldown {position:relative;}
.pulldown h2 a {line-height:32px;padding:0 25px 0 10px;border-right: 1px solid darken(@grau, 5%);display:block;}
.pulldown .toggle a {background: url('/static/admin/images/ico.png') no-repeat -3px 2px;position:absolute;top:0;right:0;height:32px;width:20px;}

#navigation {margin:0 0 0 10px;padding:0;}
#navigation li {float:left;position:relative;}
#navigation h1 {padding:0 1em;white-space:nowrap}
#navigation h2 {padding:0;margin:0;}
#navigation, .submenu {list-style: none outside;font-size:12px;line-height:15px;}
.submenu {position:absolute;z-index:5;top:33px;left:0;}

.submenu {padding:0;margin:0;border: 1px solid #999;border-top:none;.mixinRoundCorners(0, 0, 6px, 6px);background-color: lighten(@bodybg, 3%);}
.submenu {display:none;}
.submenu li a {padding:6px 10px;text-decoration:none;display:block;}
.submenu a, .submenu.a:visited {color:#000 !important;.mixinTypoPos;text-decoration:none;}
.submenu a:hover {text-decoration:underline;}

.expanded .submenu {display:block;}
.expanded .listbar {.mixinRoundCorners(6px, 6px,0, 0);}

.listbar {
	height:30px;
	.mixinGradient(lighten(@grau, 10%));
	border: 1px solid darken(@grau, 15%);
	border: 1px solid #999;
	display:block;
	padding:0 10px;
	.mixinRoundCorners;
	margin-top:5px;
	line-height:30px;
	border: 1px solid darken(@grau, 15%);
	width:120px;
	position:relative;
}
#shortcuts .listbar {
	height:21px;
	line-height:21px;
	.mixinRoundCorners(13px, 13px, 13px, 13px);
}
#shortcuts.expanded .listbar {.mixinRoundCorners(13px, 13px,0, 0);}
#shortcuts .submenu {.mixinRoundCorners(0, 0, 13px, 13px);}

#shortcuts .toggle a {background-position: 0 -3px !important;}

/////////////////// TYPE /////////////////// 

h2 {.mixinTypoPos;}
h1 {font-size:1.2em;padding:0;margin:.5em 0 .5em 0;}
h2, .media-pagination {font-size:1em;padding:0;margin:1em 0 .3em 0;.mixinTypoPos;}

/////////////////// LINKS & BUTTONS /////////////////// 

#userinfo a, #userinfo a:visited, .listbar h2 a, .listbar h2 a:visited, .pulldown h2 a, .pulldown h2 a:visited, #shortcuts .listbar a {
	color:#fff;text-decoration:none;
	.mixinTypoNeg(@grau);
} 
#userinfo .submenu li a { text-shadow: none; }

#userinfo a:hover, .listbar h2 a:hover, .pulldown h2 a:hover, #shortcuts .listbar a:hover {color:lighten(@rosa, 30%);}

a {outline: none;}
:focus {
  -moz-outline-style: none;
}
a.button, a.button:visited, .listbar a, .listbar a:visited {color:#fff !important;text-decoration:none;}
a.button:hover {.mixinGradient(darken(@grau,10%);}

.button, .listfunctions .button,
input[type="submit"], input[type="reset"] {
	font-size:11px;font-weight:bold;
	.mixinGradient;
	.mixinTypoNeg(@grau);
	padding:0 6px;
	border: 1px solid darken(@grau, 15%);
	.mixinRoundCorners(8px, 8px, 8px, 8px);
	height: 15px !important;
	line-height: 16px;
}

input[type="submit"], input[type="reset"] {
	height: auto !important;
	cursor: pointer;
}

.button-disabled {
	visibility: hidden;
}

.big {
	font-size:12px;font-weight:bold;
	padding:3px 10px;
}

.buttonlist {list-style: none;margin:0 0 20px 0;overflow:hidden;height:28px;padding:2px;}
.buttonlist li {float:right;margin-left:10px;}

#dialog_link, .ui-dialog-title {
	font-size:12px;font-weight:bold;
	.mixinTypoPos;
}

.box-content a, .box-content a:visited, .field-header a, .field-header a:hover {text-decoration:none;color:darken(@rosa, 15%);}
.element-box > .box-header .toggle a, .element-box > .box-header .toggle a:hover {text-decoration:none;color:lighten(@rosa, 30%);}

.widget-help a {text-decoration:none;color:lighten(@rosa, 30%);}
.widget-help a:hover {text-decoration:none;color:lighten(@rosa, 40%);}

a.delete, a.delete-all {text-indent:-9999px;display:block;
width:14px;height:14px;float:left;margin:-1px 4px 0 0;background:
url('/static/admin/images/ico-delete.png') no-repeat 0 0;}
a.delete:hover, a.delete-all:hover {background-position: 0 -14px;}

/////////////////// CONTAINER /////////////////// 

.drag-area {.mixinRoundCorners;background-color: #fff;border: 1px solid #fff;opacity: 0.7;}
.drag-area h2 {font-size:12px;margin:0;padding:0;color:@grau;font-weight:normal;}
.not-drag-area {.mixinRoundCorners;background-color: #fff;border: 1px solid @grau; padding:0.5em;margin-bottom:1em;}
.not-drag-area h2 {font-size:12px;margin:0;padding:0;color:@grau;font-weight:normal;}

.toggle-box, .element-box, .element-box-inner {padding:0 0 20px 0;}
.box-header, .preset {position:relative;height:30px;.mixinRoundCorners;font-size:12px;line-height:30px;padding:0 0 0 10px}
.box-header h3, .box-header h4 {font-size:12px;padding:0;margin:0;}
span.count {font-weight:normal;}
h4 {padding:0;margin:10px 0 5px 0;font-size:14px;}
.box-content {padding:10px;background-color:#fff;display:none;}
.box-content img {border: 1px solid #fff;}
.box-content img:hover {border-color: #aaa;}
.toggle-box .box-content { .mixinRoundCorners(0,0,6px, 6px);}
.box-content {font-size:12px;line-height:15px;}
.box-content p {color:@grau;padding:3px 10px 10px 10px;margin:0;}

.toggle-box > .box-header, .element-box-inner .box-header {.mixinGradient(#ddd);.mixinTypoPos;}
.element-box > .box-header {.mixinGradient(@grau);.mixinTypoNeg;}

.element-box .box-content {border-left: 1px solid lighten(@grau, 30%);border-right: 1px solid lighten(@grau, 30%);}
.box-footer {background-color: darken(@bodybg, 5%);.mixinRoundCorners(0, 0, 6px, 6px);padding:5px 10px;border: 1px solid lighten(@grau, 30%);border-top:0;display:none;}
.element-box.expanded > .box-footer, .element-box-inner.expanded > .box-footer {display:block;}
.element-box a {font-weight:bold;}

.box-submit {list-style: none;float:right;padding:0;margin:0;}
.box-submit li {float:right;margin-left:10px;}

.widget-help a {position:absolute;top:0;right:45px;}
.wdp-help a {position:absolute;top:0;right:45px;}
.toggle a {position:absolute;top:0;right:0;}
#shortcuts .toggle a, .toggle-box .toggle a
{width:20px;padding-left:6px;background: url('/static/admin/images/ico.png') no-repeat top left;}
.content-element-box .toggle a {background-position:0 -60px;}
.element-box .box-header .toggle a {padding-right:10px;}

.toggle-box > .box-header, .toggle-box > .box-content, .element-box-inner .box-header {border: 1px solid lighten(@grau, 30%);}
.toggle-box > .box-header .toggle a {border-left:1px solid #aaa;height:30px;background-position:0 -30px;}

.expanded > .box-header {.mixinRoundCorners(6px, 6px, 0,0);border-bottom:0;}
.toggle-box > .box-content {display:none;}
.expanded > .box-content {display:block;}

.widget-read-only div.box-header {border: 1px solid @rosa }

.content-element-box .box-header {border: 1px dotted @grau;background-color: lighten(@bodybg, 3%);}
.preset-info {position:absolute;top:0;right:25px;}
.preset {border: 1px dotted @grau;background-color:#fff;font-weight:bold;}
.content-element-box .box-content {border-left: 1px dotted @grau;border-right: 1px dotted @grau;border-bottom: 1px dotted @grau;}
.content-element-box.expanded .box-header {border-bottom:none;}
.content-element-box.expanded .box-header, .content-element-box.expanded .box-content {background-color:darken(@bodybg, 5%);}

ul.image-list {list-style: none outside;padding:0;margin:0;}
.image-list li {border-top: 1px solid #aaa;padding-bottom:6px;}
.image-list li:first-child {border:none;}

//focus
.element-box.focus > div, .element-box-inner.focus > div, .toggle-box.focus > div {border-color:darken(@rosa, 10%);}
.drag-area.focus {opacity: 1;}

//hover
.element-box.hover > div, .element-box-inner.hover > div, .toggle-box.hover > div {border-color:lighten(@rosa, 10%);}
.drag-area.hover {border: 1px solid lighten(@grau, 30%);}

// drag hovers
.content-element-box .box-header:hover, .preset:hover {border: 1px solid darken(@rosa, 15%);cursor: move;}
.content-element-box.expanded .box-header:hover {border-bottom:0;border-left: 1px dotted @grau;border-right: 1px dotted @grau;border-top: 1px dotted @grau;cursor:default;}


// grosses input feld
.single-form {}
.field-header {padding:20px 10px 5px 10px;font-weight:bold;font-size:12px;}
.help {float:right;}

.content-preview {overflow:hidden;margin:0 0 10px 0;}
.content-preview p {padding:0;font: normal 14px/18px "Droid Serif", serif;color:#000;}
.content-preview img {float:left;padding:2px 10px 0 0;}
.edit {display:block;text-align:right;}

.content-preview ul {margin:0;padding:0;list-style: none;}
.content-preview li {padding:2px 0;overflow:hidden;}

.dashboard-stats { margin: 0 -360px 0 0 }
.dashboard-stats .toggle-box { width: 350px; float: left; margin: 0 10px 0 0; }
.dashboard-stats .toggle-box .box-content table tbody tr td.generic-list-table-title {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
}
.dashboard-stats .toggle-box .box-content table tbody tr td.generic-list-table-url {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px;
}
.dashboard-stats td {
    padding-top:1px;
    padding-bottom:1px;
}
.canonical {
    font-weight: bold;

}


/////////////////// FORMS /////////////////// 

input.pagetitle {width:100%;padding:0;border: 1px solid lighten(@grau, 30%);.mixinRoundCorners;margin:0 0 20px 0;height:30px;text-indent:30px;font: bold 18px/18px "Droid Sans", sans-serif;background: #fff url('/static/admin/images/ico-edit.png') no-repeat left center;}
input.pagetitle:focus {background-image:none;text-indent:10px;font-weight:normal;}
.box-content legend {display:none;}
.box-content fieldset {border:0;margin:0;padding:0;}
.box-content label, span.label {display:block;font-size:12px;margin-bottom:2px;}
.box-content input[type="text"], .box-content input[type="password"] {font-size:13px;padding:3px 0;border: 1px solid lighten(@grau, 30%);text-indent:3px;}
.box-content input[type="text"], .box-content input[type="password"], .box-content select {margin-bottom:10px;width:100%;}
.box-content textarea {margin-bottom:10px;}
input[type="text"],input[type="password"] {margin-bottom:10px}
input[type='text'],input[type="password"], textarea {color:@grau;font-family:'droid sans';}
input[type='submit'] {}
.textarea-container {
    padding:10px;border: 1px solid lighten(@grau, 30%);.mixinRoundCorners;margin: 0 0 20px 0;background-color: #fff;
}
.textarea-container textarea {font: 14px/20px "Droid Sans", sans-serif;margin:0;padding:0;border:0;width:100%;}
.narrow {width:300px !important;}
.auto {width:auto !important;}
input.title {font-size:18px !important;}

.option-row {overflow:hidden;padding:2px 0;}
.option-row label {display:inline;}
.option-row input {display:inline;float:left;margin:0 5px 0 0;}

input.datepicker { width: 100px !important; }


/////////////////// TABELLE /////////////////// 
table {padding:0;margin:0;border: 1px solid #aaa;
	border-collapse:separate;
    border-spacing:0;
	.mixinRoundCorners(4px); 
}
.full {width:100%;}
tr {}
.theader {
	.mixinGradient(#ddd);
}
th {font-size:11px;.mixinTypoPos;padding:6px 4px;text-align:left;}
.odd {background-color: #fff;}
.even {background-color: #eee;}
td {font-size:12px;padding:2px 4px;}
.full tr:hover {background-color:lighten(@grau, 45%);}
.align-right {text-align:right;}

.global-config label { width: 100px; display: inline-block; }
.global-config td { border-bottom: 1px solid #AAA; vertical-align: top }
.global-config textarea { font-size: 11px }
.global-config .hfh-repinst { border-bottom: 1px solid #AAA; }

/////////////////// TREE //////////////////
//.tree-container {padding:@padding @padding*.5;border: 1px solid lighten(@grau, 30%);background-color: #fff;.mixinRoundCorners;}
//.tree, .tree ul {list-style: none outside;padding:0;margin:0;}
//.tree li a {display:block;border-top: 1px solid #999;padding-left: 24px;.mixinTypoPos;font-size:12px; line-height:36px;font-weight:bold;height:36px;
//	background: url('/static/admin/images/ico-tree.png') no-repeat 4px 10px;
//	}
//.tree .expanded > a {background-position: 4px -30px;background-color: @bodybg;}
//.tree {border-bottom: 1px solid #999;}
//.tree li {padding:0;margin:0;position:relative;}
//.tree li li {margin-left:50px;}
//.tree>li ul {display:none;}
//.tree li.expanded > ul {display:block;}
//.tree .listfunctions {position:absolute;top:0;right:0;margin:0;padding:0;display:none !important;}
//.listfunctions li {float:right;border:none;margin:10px 5px 0 0  !important;padding:0;}
//.tree li a:hover {background-color:lighten(@grau, 45%);}
//.tree li a, .tree li a:visited {text-decoration:none;color:#000;}

/////////////////// media/admin ///////////////////
.imagelist {list-style: none;padding:0;margin:0;}
@maxMediaWidth: 120px;
@maxMediaHeight: 96px; //6px mehr fuer "polaroid optik"
li.media-preview, .media-detail {padding:8px;border: 1px solid lighten(@grau,40%);background: #fff;}
li.media-preview {
	display: inline-block;
	width:@maxMediaWidth;height:@maxMediaHeight;
	float:left;margin:0 15px 10px 0;position:relative;
	vertical-align:middle;
	text-align:center;
}
.media-detail { display: none; position:absolute;z-index:5;}
.media-detail ul {list-style: none;margin:0;padding:0;}
.media-detail li {float:left;margin:0;padding:8px 12px 4px 0;}
.imagelist dl {
	margin:0;padding:0;
	text-align:left;
	font-size:12px;
}
.imagelist dt {float:left;width:24%;}
.imagelist dd {margin-left:25%;}
.imagelist dd, .imagelist dt {border-bottom: 1px solid lighten(@grau,40%);padding:1px 0;}
.media-pagination {display:block;clear:both;padding:10px 0 0 0;text-indent:8px;}

.imagelist-footer { display:block;clear:both; }

.sidebar-embedded-media {
    list-style-type:none;
    list-style-position:outside;
    padding: 0;
}
.sidebar-embedded-media li {
    border-bottom: 1px dashed lighten(@grau,40%);
    min-height: 100px;
    padding: 10px 0;
    position:relative;
}

.ifhide {
    display: none;
}

.media-versions {
    display: none;
}

.navigation_spacer {
  width: 10px;
  height: 32px;
  display:block;
  background-color: @grau;
}

/////////////////// ADDED BY CHRISTIAN (2011-07-08) //////////////////
.ui-xaxosArea {
  opacity: 0.1;
  margin: 5px 0px;
  padding: 5px;
  border: 1px solid @grau;
}

.ui-xaxosArea-active {
  opacity: 1;
}

.drophover {
  background: #f00;
  opacity: 0.2;
}

.jstree-drop {
  border: 1px solid #900;
  background: #fcc;
  padding: 10px;
}


/////////////////// ADDED BY CHRISTIAN (2011-07-08) //////////////////
.ui-xaxosArea {
  opacity: 0.5;
}

.ui-xaxosArea-active {
  opacity: 1;
}

.drophover {
  background: #daa;
  opacity: 0.8;
}

.jstree-drop {
  border: 1px solid #900;
  background: #fcc;
  padding: 10px;
  margin-top: 10px;
}

#myarticle.jstree-draggable {
  border: 1px solid #090;
  background: #cfc;
  padding: 10px;
  margin-top: 10px;
}

.ui-sortable-placeholder {
  border: 3px dotted #666;
  visibility: visible !important;
  padding: 0px !important;
  margin: 0px 0px 20px 0px !important;
}

/////////////////// ADDED BY CHRISTIAN (2011-07-12) //////////////////
.ui-xaxosArea-widget {
  min-height: 150px;
}

// Um zu lange Titel im Widget Header abzuschneiden:
.element-box > .box-header {
  overflow: hidden;
}

/////////////////// ADDED BY CHRISTIAN (2011-07-14) //////////////////

.tree-loading {
  opacity: 0.4;
}

// "Flackern" im Hauptmenue behoben
#navigation .submenu {
  top: 32px;
  border-top: 1px solid #181818;
}

// Breite fuer .narrow angepasst, Input in folgender Verschachtelung (BOX > TAB > INPUT) zu breit:
.narrow { width: 298px !important; }

.autocomplete-line-0 {
	display: inline;
}

.autocomplete-line-1 {
	display: inline-block;
	color: #999;
	font-size: 10px;
	padding: 0px 0px 0px 10px;
}

.error {
	background: #fcc;
	border-color: #900;
	color: #900;
}

.xaxos-http-stat-result-200 .button {
	background: #090 !important;
}

.xaxos-http-stat-result-403 .button,
.xaxos-http-stat-result-404 .button,
.xaxos-http-stat-result-500 .button {
	background: #900 !important;
}

/////////////////// ADDED BY CHRISTIAN (2011-09-15) //////////////////

.inline-edit span {
	display: block;
}

/////////////////// ADDED BY CHRISTIAN (2011-10-27 - 2011-10-28) //////////////////

#dashboard {
	margin: 0px -360px 0px 0px;
}

.dashboard-item {
	float: left;
	width: 240px;
	margin: 0px 10px 0px 0px;
}

.dashboard-item .box-content {
	height: 200px;
	overflow-y: auto;
}

.dashboard-item ul {
	padding-top: 0px;
	margin-top: 0px;
}

.boolean-tags {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.boolean-tags li {
	display: inline-block;
	float: left;
	padding: 5px;
	margin: 0px;
}

.wdp-tag-lookup-source {
	clear: both;
	width: 65%;
	overflow: hidden;
	float: left;
}

.wdp-tag-lookup-source input {
	width: 99% !important;
}

.wdp-tag-lookup-join {
	float: right;
	width: 30%;
}

.wdp-kid-age {
    //clear: both;
    
    float: left;
    width: 100%;
}

.wdp-tag-lookup-order {
	clear: both;
	float: left;
	width: 65%;
}

.wdp-tag-lookup-limit {
	float: right;
	width: 30%;
}

.wdp-tag-lookup-target .details {
	position: relative;
	cursor: info;
}

.wdp-tag-lookup-target .details span {
	position: absolute;
	right: 0px;
	top: -14px;
	background: @grau;
	color: #fff;
	font-size: 10px;
	padding: 0px 2px;
	display: none;
}

/////////////////// ADDED BY CHRISTIAN (2011-11-10) //////////////////

.box-content label, span.label {clear:both;}

// Widget
.dirty > .box-header {
	.mixinGradient(@rosa);
	border-color: @rosa;
}

.dirty > .box-footer {
	.mixinGradient(@rosa);
	border-color: @rosa;
}

.dirty > .box-content {
	border-color: @rosa;
}

// WDP
.element-box .dirty > .box-header {
	.mixinGradient(lighten(@rosa, 25%));
	border-color: lighten(@rosa, 25%);
}

.element-box .dirty > .box-footer {
	.mixinGradient(lighten(@rosa, 25%));
	border-color: lighten(@rosa, 25%);
}

.element-box .dirty > .box-content {
	border-color: lighten(@rosa, 25%);
}

.ui-autocomplete-category {
	font-weight: bold;
}

/////////////////// ADDED BY CHRISTIAN (2011-12-01) //////////////////

.boxH200 { min-height: 200px; display: block; }
.boxH250 { min-height: 250px; display: block; height: 250px; overflow-y: auto; }
.boxH300 { min-height: 300px; display: block; }
.boxH350 { min-height: 350px; display: block; }
.boxH400 { min-height: 400px; display: block; }
.boxH450 { min-height: 450px; display: block; }
.boxH500 { min-height: 500px; display: block; }
.boxH550 { min-height: 550px; display: block; }


/////////////////// ellipsis //////////////////

.ellipsis {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.internal-date div {
    width: 7em;
    float: left;
}

.internal-date:after { display:block;clear:both;content:".";visibility: hidden;height: 0; }

.data-block {
	border-top: 1px solid lightgrey;
	margin-top:@gutter;
	padding-bottom:@gutter;
	h3 {font: bold 12px/15px verdana, sans-serif;color:#000;padding:10px 0 0 0;}
}
.data-label {float:left;}
.data-content {margin-left:120px;}
.data-block .container-map {float:right;}

.table-white {
    border: none;
}

.box-content .avatar {
    float: right;
    border-left: 7px solid white;
}

.box-content.with-avatar {
    min-height: 100px;
}

.suggestion-title {
    color: #888;
}

.get_preview_status {
    float: right;
}