/* CMS Style START */

html{height:100%;min-height:100%}
body{font-family:Arial,Helvetica,sans-serif;font-size:0.8em;background-color:#fff;margin:0;padding:0;height:100%;min-height:100%}
h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,sans-serif;margin:0.5em 0 0.2em 0;padding:0}
h1{font-size:1.8em}
h2{font-size:1.4em}
h3{font-size:1.1em}
h4,h5,h6{font-size:1em}
h6{margin:0.4em 0 0.1em 0}
p{margin:0.5em 0 0.5em 0;line-height:1.25em}
a{color:#0b4e7a;text-decoration:underline}
a:hover{color:#e24502;text-decoration:underline;cursor:pointer}
a img{border:none}
ul,ol{margin:0.75em 0 1em 2.5em;padding:0}
ul ul,ol ul{margin:0.3em 0 0.5em 1.3em}
ul ol,ol ol{margin:0.3em 0 0.5em 1.9em}
ul,ul ul{list-style-type:disc}
li{margin:0 0 0.3em 0;padding:0;line-height:1.25em}
dl{margin:0.25em 0 0.25em 0;padding:0}
dt,dd{font-style:normal;margin:0 0 0.25em 0}
dt{font-weight:bold}dd{margin:0 1em 0.5em 2.5em}
form{margin:0;padding:0}
label{font-weight:bold;padding-right:0.5em;display:block;white-space:nowrap;font-size:1.1em}
label.normal{font-weight:normal;font-size:12px}
label.inline{display:inline-block}
input,select{font-family:Arial,Helvetica,sans-serif;font-size:1em}
input.box,input.halfbox{font-size:1em}
input.box,textarea.box{width: -moz-calc(100% - 10px);width: -webkit-calc(100% - 10px);width: -o-calc(100% - 10px);width: calc(100% - 10px);}
input.box2,textarea.box2{width:98%}
input.halfbox,textarea.halfbox{width:48%}
input.tinybox{width:65px;}
textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}
table{font-size:1em;margin:0;padding:0}
tr{background:white}th,td{padding:0}
th{font-size:1.1em}
table.list 
td{font-size:1.05em}
table.list,table.special{width:100%;empty-cells:show}
table.list th,table.list td,table.special th,table.special td{padding:0.4em;text-align:left;vertical-align:middle}
table.list th,table.special th{font-weight:normal;white-space:nowrap}
table.list td{font-weight:normal}
table.list tr:first-child td{border-top:0 none}
table.list td.na-rate,table.special td.na-rate{text-align:right;font-style:italic;color:#C0C0C0}
table.list tr.bglight{background-color:#fff}
table.list tr.bgdark,table.special tr.bgdark{background-color:#f5f5f5}
table.list tr.bglight:hover,table.list tr.bgdark:hover{background-color:#e8e8e8}
table.list tr.normal td{border: 1px solid #f5f5f5;}
table.list img{vertical-align:middle}
th.tight,td.tight{width:1%}
td.nowrap{white-space:nowrap}
td.number,table.list td.number,table.special td.number,table.list td.right{text-align:right}
table.list th, table.special th {background-color: #6f6e6b;border-left: 1px solid #a9a9a9;color: #eee;padding-bottom: 0;padding-top: 0;}
table.list th, table.special th {border-bottom: 1px solid #ccc;font-weight: bold;height: 30px;vertical-align: middle;}
.hide{display:none}
.fontRedMarked{color: red}
.fontOrangeMarked{color: orange}
.invisble{visibility:hidden; height: 0; width: 0; padding: 0; margin: 0; font-size: 0; line-height: 0; display:inline;}
.float-left{display:block;float:left;margin-right:15px;}
.checkbox-field input{display:block; float:left; margin:2px 5px 0 0;}
.checkbox-field label{display:block; float:left; margin:0 5px 0 0;}
.textright{text-align:right;}
.inline-block-text{display:inline-block;}

a.image-text{text-decoration:none}


#page{background:url('../../il/bg.png');overflow:hidden;margin:0 auto -1px;min-height:100%}


div#page div#rightmenu{ width: 0px; } 
div#page div#maincolumn{ margin-right: 0px; }


#header{background-color:#FFF;margin:0 0 10px 0;}
#header-user{display:block;float:right;text-align:center;padding:0;margin:16px 15px 0 0}
#header-user a{color:#000;text-decoration:none;font-size:0.94em; font-weight: bold;}
#header-user a:hover {color:#e24502;}
#header-logo {display:block;float:left;height:27px;width:160px; margin:7px 9px 7px 10px;}
#header-logo a,#header-logo span{float:left;width:100%;height:100%;display:block;text-align:left;text-decoration:none;background:transparent url('../../il/esraCMS-logo.png') 0px 0px no-repeat;padding:0 11px;}

#header-topmenu{margin:0 120px 0 200px;padding:13px 0 0 0;}
#header-topmenu ul,ul.tabs{margin:0}
ul.tabs{width:100%}
#header-topmenu ul li,ul.tabs li{float:left;text-align:center;list-style-type:none;margin:0}
#header-topmenu ul li a,#header-topmenu ul li span.disabled{display:block;font-weight:bold;text-decoration:none;padding:0px 3px 0px 3px; margin:2px 7px 2px 7px;}
ul.tabs li a,ul.tabs li span.disabled{display:block;font-weight:bold;text-decoration:none;padding:2px 15px;margin:2px 0 5px 1px;min-height:16px}
#header-topmenu ul li.selected a,#header-topmenu ul li.selected span.disabled,ul.tabs li.selected a{margin-bottom:-1px}
#header-topmenu ul li a,#header-topmenu ul li span.disabled,span.disabled,ul.tabs.disabled li a{color:#005b7e;font-size:1.1em;text-decoration:underline}

#header-topmenu ul li.first div{border-left:none;}
#header-topmenu ul li.selected a,ul.tabs li.selected a{color:#e24502;}
#header-topmenu div {border-left: 1px solid black;}


.box-bc .box-ml,.box-header .box-ml{border:0 none;background-color:transparent}
.box-header{font-size:1.5em}
.box-header .subbox{font-size:0.8em}
.box-header select,.box-header input.button{margin-top:7px;font-size:13px}
div.box-header { margin-top:0.5em}

#leftmenu{float:left;width:15em;min-height:100%;padding-top:1px;padding-bottom:1px;min-height:400px;margin-bottom:20px}
.leftmenu-items{font-size:1.05em}
.leftmenu-items li{margin-bottom:0.4em}
#leftmenu input[type="text"]{width:90%}
#leftmenu-design-wrapper{position:relative;min-height:100%}
#leftmenu-design{margin-right:20px;padding:0.8em 0.8em 0.8em 0.8em;background:white;min-height:100%;position:relative;min-height:350px}
#leftmenu-design ul { margin-left:1.5em;color:#aaa}
div#leftmenu div.translations label{font-weight:normal;white-space:normal}
ul.leftmenu-items li a{text-decoration:none}
ul.leftmenu-items li a:hover{text-decoration:underline}
ul.leftmenu-items li.current a{color:#E24602;font-weight:bold}
.box-bc .box-ml,.box-ml{padding:0}
#controlbar-top .box-bc {margin-bottom: 0.5em;margin-top: 0.5em;}
#controlbar-top .box-bc .box-ml {margin: 0 3px;padding: 0.5em;}
#controlbar-top .block {margin: 0; padding:0}
#controlbar-top .box-bc .box-ml {border-top-width: 0;}
#controlbar-top .box-bc {
    background: #f4f4f4 -moz-linear-gradient(center top , #fdfdfd, #e4e3e4) repeat scroll 0 0 padding-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 4px 4px #aaa;
}
table.attributeBox{border: 2px solid #a9a9a9;}
table.attributeBox input.box, table.attributeBox textarea.box{width: 99.5%;}
table.attributeBox2{border: 1px solid #a9a9a9;}
table.attributeBox2 input.box, table.attributeBox2 textarea.box{width: 99.5%;}
table.attributeBox2 th, table.attributeBox2 td{width: 300px;}
table.attributeBox2 th.tight, table.attributeBox2 td.tight{width: 16px;}


div#contentstructure{overflow:hidden;padding-top:0.5em}
div#contentstructure ul#content_tree_menu{margin-top:0;margin-left:0.25em;padding-left:0.5em}
div#contentstructure ul#content_tree_menu ul{margin:0;padding-top:4px;padding-bottom:0}
div#contentstructure ul#content_tree_menu ul ul{margin-left:0}
div#contentstructure ul#content_tree_menu li{list-style-type:none;white-space:nowrap;position:relative}
div#contentstructure ul#content_tree_menu ul li{margin:0;padding-top:0;padding-left:20px;padding-bottom:4px;background-image:url(../../il/bg_content_tree_li.png);background-repeat:no-repeat}
div#contentstructure ul#content_tree_menu ul li.lastli{background-position:left -9990px;padding-bottom:2px}
div#contentstructure ul#content_tree_menu li img{vertical-align:middle}
div#contentstructure .nodeicon{margin-left:0;padding-left:0;position:relative; text-decoration: none;}
div#contentstructure .nodeicon img.overlayImage{position: absolute; left: 2px; top: 3px;}
div#contentstructure li span.node-name-normal{font-weight:normal;font-size:1.05em}
div#contentstructure li.currentnode > a.image-text span.node-name-normal,div#contentstructure li.currentnode > a.image-text span.node-name-hidden,div#contentstructure li.currentnode > a.image-text span.node-name-hiddenbyparent{color:#E24602;padding:0 0.25em 0 0.2em}
div#contentstructure li a.image-text span.node-name-hidden,div#contentstructure li.currentnode li a.image-text span.node-name-hidden{font-weight:normal;font-style:normal;background-color:#ddd;padding:0 0.2em 0 0.2em}
div#contentstructure li a.image-text span.node-name-hiddenbyparent,div#contentstructure li.currentnode li a.image-text span.node-name-hiddenbyparent{font-weight:normal;font-style:normal;background-color:#eee;padding:0 0.2em 0 0.2em}
div#contentstructure span.node-hidden,div#contentstructure span.node-hiddenbyparent{display:none}
a.openclose,span.openclose{text-decoration:none}
a.openclose img,span.openclose img{margin:0;cursor:default}
div#contentstructure span.openclose{visibility:hidden}
div#contentstructure ul#content_tree_menu ul a.openclose-open,div#contentstructure ul#content_tree_menu ul a.openclose-close,div#contentstructure ul#content_tree_menu ul a.openclose-busy,div#contentstructure ul#content_tree_menu ul a.openclose-error{position:absolute;left:0;_left:-20px;top:0;width:16px;height:16px;background:transparent url( '../../il/icons/content_tree-icons.png' ) no-repeat center 0 scroll}
div#contentstructure ul#content_tree_menu ul a.openclose-close{background-position:center -16px}
div#contentstructure ul#content_tree_menu ul a.openclose-error{background-position:center -32px}
div#contentstructure ul#content_tree_menu ul a.openclose-busy{background-position:center -48px;cursor:progress}
div#contentstructure ul#content_tree_menu div.loaded{display:block}
div#contentstructure ul#content_tree_menu div.error{white-space:normal;color:grey;margin:10px 0;padding:4px;border:1px solid #ddd;border-radius:5px}
div#contentstructure ul#content_tree_menu div.error > span{display:inline-block;height:9px;width:9px;border-radius:9px;margin-right:6px;background:Red}
div#contentstructure ul#content_tree_menu div.hidden{display:none}

div#trash {padding-top: 15px;border-top:1px dashed #ccc;}
div#serverTime {margin-top: 15px; padding-top: 5px;border-top:1px dashed #ccc;}

#columns{min-height:100%;position:relative;margin:0 auto -1px;background:white}
#maincolumn{border-right:1px #999 solid;margin-right:190px;position:relative}
#maincontent{margin:0 0 0 15em;min-height:200px;border-radius:2px;position:relative;padding-top:1px;padding-bottom:1px}
#maincontent-main{margin:0 0 0 20px;background:white;padding:0.8em 1.5em 10px 1.5em;position:relative}
div#fix{float:left;width:100%}

#canvas-top{height:20px;background:url(../../il/textil.png) repeat-x;box-shadow:inset 0 -5px 5px -5px #000000}
#canvas-bottom{height:20px;background:url(../../il/textil.png) repeat-x;box-shadow:inset 0 5px 5px -5px #000000}
#left-panels-separator,#right-panels-separator{position:absolute;width:50px;background:url(../../il/logo_separator_sprite.png) repeat-y 0 0;top:0;bottom:0;z-index:1}
.panels-separator-top{background:url(../../il/logo_separator_sprite.png) no-repeat -57px 0;width:50px;height:21px;position:absolute;top:0}
.panels-separator-bottom{background:url(../../il/logo_separator_sprite.png) no-repeat -57px -79px;width:50px;height:21px;position:absolute;bottom:0}
div.widthcontrol-grippy{position:absolute;top:320px;left:-15px;height:33px;width:15px;background:url('../../il/sprite.png') no-repeat 0 -505px;z-index:9}
div.widthcontrol-grippy:hover,div.widthcontrol-grippy:focus,div.widthcontrol-grippy:active {background:url('../../il/sprite.png') no-repeat -20px -505px}
#widthcontrol-handler{position:absolute;right:-30px;top:-20px;bottom:0;width:10px;height:5000px;cursor:col-resize;z-index:11}

span.classattribute-description {
    color: #333;
    font-size: 0.8em;
    padding: 0 0.5em 0 0.5em;
    margin-bottom: 1.5em;
    position: relative;
	font-weight: normal;
	white-space: normal;
	min-height: 15px;
}

#content-header{padding:0;text-align:left;min-height:24px; border-bottom:1px dashed #ccc;}
#content-header p { margin:0.5em 0 0 0}
#content-header span{color:#333}
.tab-block{float:left;padding:0;}
#languageSelect{float:right;width:100px;text-align:right;}
.eingabeLang{font-size:11px;margin-top:2px;width:76px;}
#path{padding:0;text-align:left; font-size:0.8em;}
#path p { margin:0.2em 0 0 0}
#path span{color:#333}
#path a.breadcrumb{font-size:12px;}


div.maincontent-block{margin-bottom:1.5em}
div.maincontent-block h1.context-title img,div.maincontent-block h2.context-title img{vertical-align:middle;margin:-4px 8px 2px 0}


ul.tabs li.first a,ul.tabs li.first span.disabled{margin-left:0; padding-left:0px; border-left:none;}
div.tab-content{height:20em;overflow-y:scroll;padding:1em}
div.tabs-content.disabled div.tab-content{display:none}
ul.tabs li a,ul.tabs li span.disabled{color:#005b7f;font-size:1.1em;text-decoration:underline}
ul.tabs li a:hover{color:#e24502;}
.tab-content{border:1px solid #ccc;background-color:#f5f5f5}
.tabs-content.disabled{border-top:1px solid #ccc}


h1.content-title{font-size:1.25em; margin: 15px 0;}
h2.content-title{font-size:1.15em}

.box-content div.block{padding-bottom:1em}

div.button-left{float:left}
div.button-right{float:right;margin-left:1em}
.controlbar {padding-top: 0px;border-top:1px dashed #ccc;}
.controlbar form .button-left{margin-top:5px}
.controlbar form .button-left .block select{height:25px}
.controlbar form .button-left .block input.button,.controlbar form .button-left .block input.button-disabled{margin-top:-3px}

input.button,button,input.defaultbutton,input.button-disabled{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:center;vertical-align:middle;cursor:pointer;font-size:0.9em;font-weight:normal;padding-left:0.25em;padding-right:0.25em}
input.button,input.defaultbutton,input.button-disabled{width:auto;overflow:visible;padding:0.1em 0.5em}
input.button:hover{border:1px solid #999}
input.button,input.defaultbutton,input.button-disabled{color:#44484d;background:#fff;border:1px solid #cfd1d3;border-radius:3px;font-size:1em;margin-right:5px;padding:3px 6px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
input.defaultbutton,input.button-disabled,input.button[disabled="disabled"]{background-color:#f5f5f5}
input.defaultbutton{background-color:#567975;color:#f5f3dd;font-weight:normal}
input.defaultbutton:hover,input.defaultbutton:focus {background-color:#425c59;color:#ffe9bd}
input.defaultbutton:active {background-color:#525755;-moz-box-shadow:inset 0 0 3px #000;-webkit-box-shadow:inset 0 0 3px #000;box-shadow:inset 0 0 3px #000;color:#ff8300}
input.button-disabled,input.button[disabled="disabled"]{color:#999;background:#fff;background-image:url('../../il/diagonal_pattern.png')}
input.button-disabled,input.button[disabled="disabled"]{cursor:default;color:#888}
input.button:hover,input.button:focus {background-color:rgba(0,0,0,0.1);color:black}

input.addButton{background: #fff url("../../il/sprite.png") no-repeat scroll 5px 4px; padding: 3px 6px 3px 25px;}
input.removeButton{background: #fff url("../../il/icons/trash-icon-16x16.gif") no-repeat scroll 5px 4px; padding: 3px 6px 3px 25px;}
input.moveButton{background: #fff url("../../il/icons-sprite.png") no-repeat scroll 6px -156px; padding: 3px 6px 3px 25px;}

fieldset {background-color: #f8f8f8; border: 1px solid #cacaca; margin:0; padding:0.7em;}
fieldset legend {display:table; white-space:normal;}
legend {color: #000; font-size: 1.1em; font-weight: bold; padding: 0 0.35em;}
fieldset label {color:#000; font-size:1em;}

#page .datepicker-icon {margin-bottom: -2px; padding-top: 9px;}
.fileImage{float:left; margin: 0 10px 10px 0;}
.fileInfos{float: left; margin: 0 10px 10px 0;}
.fileInfos label{float:left; width: 100px;}
.fileInfoLine{margin-bottom:5px; clear:both;}
.fileInfoValue{float:left;}
div.block{margin:0.5em 0 0.5em 0;padding:0;clear:both}
div.block div.element, div.block div.halfelement {float:left; padding-right:1em;}
.fileBlockFile .fileInfos{margin-left:0; min-height:0;}
div.halfelement {width: 48%;}


#footer{padding:0 0.8em;position:relative;display:block;float:none;clear:both}
#footer p {display:block;text-align:center}
#footer a {color:white; text-decoration:none;}
#footer a:hover {color:white;}


.crankfield {background: transparent url("../../il/icons-sprite.png") no-repeat scroll 0 -192px;}
.crankfield, .crankfield-disabled {height: 16px; width: 16px;}

h1.content-title img, h2.content-title img {margin: -4px 8px 2px 0;vertical-align: middle;}

div.popupmenu{width:14em;margin:0;padding:2px;background-color:#fff;border:1px solid #999;box-shadow:3px 3px 3px 0 #bbb;border-radius:3px;font-size:0.90em;color:#333;position:absolute;z-index:20;display:none}
div.popupmenu div.popupmenuheader{background-color:#6f6e6b;color:#eee;border-bottom:1px solid #bbb}
div.popupmenu#EditSubmenu{z-index:21}
div.popupmenu h3{margin:0;padding:0.2em 0.5em 0.2em 0.5em;float:left}
div.popupmenu div.window-close{float:right;padding:1px}
div.popupmenu div.window-close p{margin:0;color:#000;font-weight:bold;background-color:#ecece4;padding:0.1em 0.3em 0.1em 0.3em;border:1px solid #ffffff;border-bottom-color:#bfbeb6;border-right-color:#bfbeb6}
div.popupmenu a{color:#000;padding:0.2em 0.3em 0.2em 0.3em;text-decoration:none;cursor:default;display:block}
div.popupmenu a.more{background-image:url(../../il/more-arrow.gif);background-repeat:no-repeat;background-position:right center}
div.popupmenu a.menu-item-disabled{color:#CECECE}
div.popupmenu a{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
div.popupmenu a:hover{background-color:#D1DFE9;text-decoration:none;cursor:default}
div.popupmenu hr{border:none;border-top:1px solid #c0c0c0}

.float-break{height:1%}
.float-break:after{content:"-";height:0;font-size:0;visibility:hidden;display:block;clear:both}
div.break{clear:both;font-size:1px;height:1px;margin-bottom:-1px}


.error-message{width:100%;border:3px solid red; margin:10px 0 0 0}
.error-message h2 {margin: 15px 15px 0 15px;}

div.pagenavigator {
    margin-top: 1em;
    text-align: center;
}
div.pagenavigator a {
    text-decoration: none;
}
div.pagenavigator p {
    margin: 0;
}
div.pagenavigator span.previous {
    display: block;
    float: left;
}
div.pagenavigator span.next {
    display: block;
    float: right;
}
div.pagenavigator span.disabled {
    color: #d0d0d0;
}
div.pagenavigator span.pages span.other, div.pagenavigator span.pages span.current {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 2px;
    font-size: 1em;
    margin-left: 1px;
    margin-right: 1px;
    padding: 0.3em 0.5em;
    text-decoration: none;
}
div.pagenavigator span.pages span.current {
    background-color: #f4f4f4;
}

div.imagePreview{
	float: left;
	width: 112px;
	height: 133px;
	margin: 5px 5px 5px 5px;
}
div.imagePreview .image{
	display: block;
	width: 100px;
	height: 100px;
	white-space: nowrap;
	padding: 5px 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	position: relative;
}
div.imagePreview .title{
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div.imagePreview span.helper{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
div.imagePreview .image img{
	max-width: 100px;
	max-height: 100px;
	vertical-align: middle;
}
div.imagePreview .image img.overlayImage{
	position: absolute;
	top: 30px;
	left: 30px;
}
div.imagePreview div.text{
	width: 100px;
	height: 20px;
	padding: 0 5px;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
div.imagePreview div.text .name{
	display: block;
	float: left;
	font-size: 12px;
}
div.imagePreview div.text input{
	display: block;
	float: left;
	margin: 3px 3px 0 0;
	padding: 0;
}

img.deletedRelation{
	background-image: url(../../il/noimage.png);
	background-repeat: no-repeat;
}

/* CMS Styles END */

/* LOGIN START */

.menuwrapper_login {
  border-bottom: 1px solid white;
  height: 100px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: white;
}

.menuinnerwrapper_login {
  width: 880px;
  padding-top: 30px;
  margin: 0 auto 0 auto;
}

.login_form {
  float: right;
  margin-left: 0px;
  margin-top: 20px;
  color: black;
  font-weight: bold;
  font-size: 11px;
}

.login_input {
  width: 150px;
  border: 1px solid #cccccc;
  margin: 0 10px 0 10px;
  padding: 0;
}

.failed_login_message {
  float: right;
  color: red;
  font-weight: bold;
  font-size: 11px;
  margin-left: 0px;
  margin-right: 20px;
  margin-top: 12px;
  height: 10px;
}

.logo_login {
  float: left;
  width: 250px;
  margin-top: 10px;
}

.logo_login img {
  padding-right: 5px;
  margin-bottom: -4px;
}

.login {
  float: right;
  background-color: white;
  border: 0;
  float: right;
  margin: 0 0 0 0;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
}

.wrapper_login {
  margin : 0 auto 0 auto;
  width : 880px;
}

#footerLogin {
  border-top : 1px solid #f0efef;
  padding: 15px 0px 10px 0px;
  clear : both;
  float: left;
  font: normal 12px Arial, sans-serif; 
}

/* LOGIN END */

select.formidselection{
	display: block;
	margin-bottom:5px;
}

select.roleselection{
	float: left;
	width: 300px;
	height: 150px;
}
.roleselection_buttons{
	float: left;
	width: 25px;
	padding: 50px 5px 0 5px;
}
.roleselection_buttons input{
	margin: 0 0 5px 0;
}

select.attributeselection {
	margin-top:2px;
}

#maincontent-design {
    margin: 0 20px;
    background: white;
    padding: 0.8em 1.5em 10px 1.5em;
    position: relative;
}
div.message-confirmation, div.message-feedback, div.message-warning, div.message-error {
    margin: 0.5em 0 1em 0;
    padding: 0.25em 1em 0.75em 1em;
    border: 6px solid #000000;
}
div.message-error {
    border-color: #C11B17;
}
div.message-error h2 {
    background-image: url("../../il/message-error.gif");
}
div.message-feedback h2, div.message-warning h2, div.message-error h2 {
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 0.5em;
    padding: 0.25em 0.5em 0.5em 2.5em;
}
div.message-feedback span.time, div.message-warning span.time, div.message-error span.time {
    font-size: 0.8em;
    margin-top: 0.15em;
    display: block;
    float: right;
}
#doublescroll {
overflow: auto; overflow-y: hidden; 
}
select.halfbox{
width: 100%;
height: 24px;
padding: 4px 0 0 0;
}
.esraSoftWebsiteFilter{
margin: 0 0 25px 0;
}
.esraSoftWebsiteFilter tr{
background-color: transparent;
}
div.contentHeader{
	margin: 10px 0 15px 0;
}
div.contentHeader div.levelUp{
	float: left;
	margin: 5px 8px 0 0;
}
div.contentHeader div.icon{
	float: left;
	position: relative;
	margin: 5px 5px 0 0;
}
div.contentHeader div.icon img.overlayImage{
	position: absolute; 
	left: 2px; 
	top: 2px;
}
div.contentHeader h1{
	float: left;
	font-weight: 30px;
	margin: 0;
}
div.contentRowTitle div.icon{
	float: left;
	position: relative;
	margin: 0 5px 0 0;
}
div.contentRowTitle div.icon img.overlayImage{
	position: absolute; 
	left: 2px; 
	top: 4px;
}
div.contentRowTitle .title{
	display: block;
	float: left;
}
#contentclass_menu{
	position: absolute;
	display: none;
	z-index: 100;
}

.youtube-embed-wrapper{
	display: block;
	position: relative;
	overflow: hidden;
	width: 640px;
	height: 360px;
}

#esraEditorBrowse{
	margin: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}
#esraBrowse{
	margin: 0 0 10px 0;
	width: 100%;
	height: calc(100% - 55px);
}
#esraBrowseAreas{
	width: 100%;
	height: 30px;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
}
#esraBrowseBreadcrumb{
	padding: 10px 0;
	font-size: 13px;
	border-bottom: 1px solid #CCCCCC;
}
#esraBrowseBreadcrumb a{
	text-decoration: none;
}
#esraBrowseContainer{
	float: left;
	width: 200px;
	height: calc(100% - 78px);
	margin: 0;
	padding: 10px 0 0 0;
	overflow-y: auto;
	overflow-x: hidden;
}
#esraBrowseContainer a.container{
	display: block;
	padding: 0 0 8px 0;
	width: 185px;
	font-size: 13px;
	text-decoration: none;
}
#esraBrowseNodes{
	float: left;
	width: calc(100% - 216px);
	height: calc(100% - 78px);
	margin: 0;
	padding: 10px 0 0 15px;
	border-left: 1px solid #CCCCCC;
	font-size: 13px;
	overflow-y: auto;
	overflow-x: hidden;
}

.esraMultiSelVal {
	float: left;
	margin: 4px 5px 0 0;
	padding: 2px;
	vertical-align: bottom;
}

.esraMultiSelDel {
	float: left;
	cursor: pointer;
}

.esraMultiSelLabel {
	float: left;
	margin: 2px 0 0 3px;
	max-width: 265px;
}

.clear
{
  clear: both;
}