/*
   --------------------------------
   BASE-LAYOUT
   --------------------------------
*/
body {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
		"@Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size: 11px;

	background-color: #606466;
	/* see page content */
	min-width: 1200px;
}

input[type=checkbox],input[type=radio] {
	background-color: transparent;
}

form {
	margin: 0px;
}

img {
	border: none;
}

input {
	background-color: #fff;
	font-size: 11px;
}

select {
	font-size: 11px;
}

textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
		"@Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
	color: #6b6f73;
}

a:link,a:visited,a:focus,a:hover,a:active {
	color: #6b6f73;
	text-decoration: none;
	border: 0px;
	outline: none;
}

.page-content { /*clear:both;	*/
	width: auto;
	min-width: 1200px;
	display: block;
	padding: 10px 20px;
	background-color: #DFE1E0;
	border-bottom: 1px solid #ACAEB4;
}

.panel-content { /*clear:both;	*/
	width: auto;
	min-width: 500px;
	display: block;
	padding: 10px 20px;
	background-color: #DFE1E0;
	border-bottom: 1px solid #ACAEB4;
}

.highlite-text {
	color: #7EBAFF;
	font-weight: bold;
}

/* common */

.fl-l{position: relative;float: left;}
.fl-r{position: relative;float: right;}

.sp-B10{padding-left: 10px;	padding-right: 10px;}
.sp-R10{padding-right: 10px;}
.sp-R30{padding-right: 30px;}

.sp-L10{padding-right: 10px;}
.sp-L5{padding-left: 5px;}
.sp-R5{padding-right: 5px;}

.m-D1{padding-top: 1px;}
.m-D14{padding-top: 14px;}



/* top page header */

.th-ro {background: url(../img/background/header_bg_rt.png) scroll top right no-repeat; margin: 0; padding: 0; }
.th-lo {background: url(../img/background/header_bg_lt.png) scroll top left no-repeat; margin: 1px 0 0; padding: 0;}
.th-ru {background: url(../img/background/header_bg_rb.png) scroll bottom right no-repeat; margin: 0 0 3px;	padding: 0 6px 0 0; }
.th-lu {background: url(../img/background/header_bg_lb.png) scroll bottom left no-repeat; margin: 0; padding: 0 0 0 6px; }


.th-main {
	width: 100%;
	height: 50px;
	background: #FFFFFF url(../img/background/header_bg_c.png) bottom left repeat-x;
	position: relative;
	padding-top: 5px;
	z-index: 9999;
}

.th-home-icon
{
	width: 40px;
	float: left;
	position: relative;
	padding-left: 10px;
}

.th-portal-panel
{
	position: relative;
	float: left;
	padding-top: 3px;
	padding-left: 5px;
	z-index: 300;
}

.th-drop-panel{
	position: relative;
	float: left;
	padding:0;
	margin:0;
}

.th-portal-panel-image{
	float: left;
	position: relative;
}

.th-information{
	position: absolute;
	margin: auto;
	text-align: center;
	width: 80%;
	top: 15px;
	left:50px;
}

.th-user-panel{
	position: relative;
	float: right;
	right: 10px;
	top: 12px;
}

.top-header-logout{
	padding-top: 1px;
	right: 5px;
}

.th-header-link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #1899D5;
}

.th-logout-link {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #1899D5;
}

.th-user-name{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #1899D5;
}

.th-user-text{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #1899D5;
}

/*
.ajaxLoader {
	position: relative;
	float:left;
	top: 8px;
	left: 10px;
	width: 32px;
}
*/
.ajaxLoader {
	background: transparent url(../img/ajax-body.png) top left no-repeat ;
	position: fixed;
/* center of screen */
	top: 40%;
	left: 40%;
/* top of screen
	top: 7px;
	left: 230px; */
	line-height: 42px;
	width: 355px;
	vertical-align: middle;
	display: none;
	padding-left: 9px;
	color: #6B6F73;
	z-index: 22000;
}

.ajaxLoader img {
	vertical-align: middle;
}

.ajaxLoader span {
	font-size: 12px;
}






.header-content {
	height: 45px;
	padding:0 0 0 14px;
	margin:0;
	background: #FFFFFF url(../img/background/header_bg_c.png) bottom left
		repeat-x;
}
.header-content-table{
	padding:0;
	border-spacing:0;
	margin:0;
	border-collapse: collapse;
}

/* 	------------------
 *	Hearder Bar Navi Links: USED Headerbar active color, don't move
 *	------------------
 */
.hbnav-aktiv {
	position: relative;
	float: left;
	display: block;
	background: url(../img/background/hb_nav_left_aktiv.png) scroll top left
		no-repeat;
	margin-top: 0px;
	margin-left: -6px;
	/*height: 33px;*/
	z-index: 10;
	top: 4px;
}

.hbnav-right-aktiv {
	background: url(../img/background/hb_nav_right_aktiv.png) scroll top
		right no-repeat;
}

.hbnav-content-aktiv {
	background: url(../img/background/hb_nav_center_aktiv.png) scroll top
		left repeat-x;
	height: 29px;
	margin-left: 6px;
	margin-right: 6px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 30px;
}

.hbnav {
	float: left;
	display: block;
	background: url(../img/background/hb_nav_left.png) scroll top left
		no-repeat;
	margin-top: 0px;
	margin-left: -6px;
	/*height: 33px;*/
	z-index: 9;
	position: relative;
	top: 4px;
}

.hbnav-right {
	background: url(../img/background/hb_nav_right.png) scroll top right
		no-repeat;
}

.hbnav-content {
	background: url(../img/background/hb_nav_center.png) scroll top left
		repeat-x;
	height: 29px;
	margin-left: 6px;
	margin-right: 6px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 30px;
}

.hbnav-label-bold {
	margin-top: 8px;
	color: #95989c;
	display: inline-block;

	font-size: 13px;
	font-weight: bolder;
}

.hbnav-label {
	margin-top: 8px;
	color: #95989c;
	display: inline-block;

	font-size: 13px;
}

/* 	------------------
 *	Headerbar
 *	------------------
 */
.headerbar-cockpit-content {
	background: transparent
		url(../img/background/headerbar_cockpit_bg_1pix.png) scroll top;
	margin-left: 6px;
	margin-right: 6px;
	/*margin-bottom: 3px;*/
	height: 38px;
}

.headerbar-cockpit-left {
	background: transparent
		url(../img/background/headerbar_cockpit_bg_left.png) scroll top left
		no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.headerbar-cockpit-right {
	background: transparent
		url(../img/background/headerbar_cockpit_bg_right.png) scroll top right
		no-repeat;
}

.cockpit-active-color {
	color: #000000;
}

.headerbar-suite-content {
	background: transparent
		url(../img/background/headerbar_suite_bg_1pix.png) scroll top;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 38px;
}

.headerbar-suite-left {
	background: transparent
		url(../img/background/headerbar_suite_bg_left.png) scroll top left
		no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.headerbar-suite-right {
	background: transparent
		url(../img/background/headerbar_suite_bg_right.png) scroll top right
		no-repeat;
}

.suite-active-color {
	color: #50b1dc;
}

.headerbar-web2print-content {
	background: transparent
		url(../img/background/headerbar_suite_bg_1pix.png) scroll top;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 38px;
}

.headerbar-web2print-left {
	background: transparent
		url(../img/background/headerbar_suite_bg_left.png) scroll top left
		no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.headerbar-web2print-right {
	background: transparent
		url(../img/background/headerbar_suite_bg_right.png) scroll top right
		no-repeat;
}

.web2print-active-color {
	color: #50b1dc;
}

.headerbar-pim-content {
	background: transparent url(../img/background/headerbar_pim_bg_1pix.png)
		scroll top;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	height: 38px;
}

.headerbar-pim-left {
	background: transparent url(../img/background/headerbar_pim_bg_left.png)
		scroll top left no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.headerbar-pim-right {
	background: transparent
		url(../img/background/headerbar_pim_bg_right.png) scroll top right
		no-repeat;
}

.pim-active-color {
	color: #68b900;
}

.pim-link {

}

.pim-link:hover {
	color: #68b900;
}

.headerbar-epaper-content {
	background: transparent
		url(../img/background/headerbar_epaper_bg_1pix.png) scroll top;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	height: 38px;
}

.headerbar-epaper-left {
	background: transparent
		url(../img/background/headerbar_epaper_bg_left.png) scroll top left
		no-repeat;
}

.headerbar-epaper-right {
	background: transparent
		url(../img/background/headerbar_epaper_bg_right.png) scroll top right
		no-repeat;
}

.headerbar-publisher-content {
	background: transparent
		url(../img/background/headerbar_publisher_bg_1pix.png) scroll top;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	height: 38px;
}

.headerbar-publisher-left {
	background: transparent
		url(../img/background/headerbar_publisher_bg_left.png) scroll top left
		no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.headerbar-publisher-right {
	background: transparent
		url(../img/background/headerbar_publisher_bg_right.png) scroll top
		right no-repeat;
}

.headerbar-projects-content {
	background: transparent
		url(../img/background/headerbar_projects_bg_1pix.png) scroll top;
	margin-left: 6px;
	margin-right: 6px;
	/*margin-bottom: 3px;*/
	height: 38px;
}

.headerbar-projects-left {
	background: transparent
		url(../img/background/headerbar_projects_bg_left.png) scroll top left
		no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

.headerbar-projects-right {
	background: transparent
		url(../img/background/headerbar_projects_bg_right.png) scroll top
		right no-repeat;
}

.project-active-color {
	color: #7237b7;
}

.project-navigation-panel-content {
	background-color: #FFFFFF;
    max-height: 303px;
    min-height: 50px;
    width: 325px;
    margin-top: 1px;
    overflow:auto;
}

.headersearch {
	float: right;
	margin-top: 8px;
}

.headerbar-link {

}



/* 	------------------
 *	UserInfo
 *	------------------
 */
.characterLeft {
	text-align: left;
	vertical-align: middle;
}

.characterMiddle {
	text-align: right;
	vertical-align: top;
	width: 100%;
}

.characterRight {
	text-align: right;
	vertical-align: top;
	width: 130px;
}

.icon-td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 4px;
}

.icon-text {
	display: inline-block;
	padding-left: 8px;
	padding-right: 2px;
	vertical-align: top;
	font-style: normal;
}

label.icon-text {
	cursor:pointer;
}

label.cursor-pointer {
	cursor:pointer;
}

.font-td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #969696;
}



.username-td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #1899D5;
	padding-left: 2px;
	padding-right: 16px;
}

.mydata-td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #1899D5;
	text-align: right;
}

.user-grid .spacer {
	color: #CCCCCC;
	font-size: 16px;
	padding-left: 6px;
	padding-right: 6px;
}

/*------------CONTENT BAR TABS--------*/
.pnlPreview {
	display: block;
	float: left;
	width: 340px;
	background-color: #FFFFFF;
	margin-top: 8px;
	margin-right: 8px;
	padding: 10px 5px 10px 0;
}

.pnlPreviewHidden {
	display: none;
	width: 0px;
}

div.pnlAssetTabbed { /*float: left;*/
	margin-left: 370px;
	width: auto;
	min-width: 500px;
}

div.pnlTabbed div.tab-row {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgb(140, 140, 141);
}

div.pnlTabbed div.tab-row ul {
	margin: 0;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;
}

div.pnlTabbed div.tab-row li {
	display: inline;
	float: left;
	height: 30px;
	background: url(../img/background/tab_bg_inaktiv.png) scroll bottom
		right no-repeat;
}

div.pnlTabbed div.tab-row li.selected {
	background: url(../img/background/tab_bg_aktiv.png) scroll bottom right
		no-repeat;
}

div.pnlTabbed div.tab-row a {
	background-color: transparent;

	font-size: 11px;
	font-weight: bold;
	color: #929292;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: center;
	padding: 11px 5px 4px;
	display: block;
}

div.pnlTabbed div.tab-row li.selected a {
	color: #FFFFFF;
}

div.pnlTabbed div.tab-panel {
	float: left;
	width: 100%;
	min-width: 500px;
}

div.pnlTabbedContent {
	clear: both;
	display: block;
	background-color: #FFFFFF;
	padding: 2px;
	min-height: 340px;
	margin-top: 2px;
}

.detail-control-left {
	padding-top: 50px;
	text-align: right;
	width: 25px;
}

.detail-control-right {
	padding-top: 50px;
	width: 25px;
}

.detail-toggle-preview {
	position:absolute;
	padding-top: 13px;
	width: 25px;
	left: 380px;
}

.detail-toggle-preview-hidden {
	position:relative;
	padding-top: 10px;
	width: 25px;
	margin-right: 8px;
	margin-left: 2px;
}


.detail-content {
	padding-top: 2px;
	padding-bottom: 1px;
	vertical-align: top;
	width: 100%;
}

/*	-------------
	ASSET DETAIL TAB
	-------------
*/
.dark-tabbar {
	background-color: #52555A;
	color: #FFFFFF;
	min-height: 30px;
	margin-top: 1px;
	text-align: center;
}

.dark-tabbar-spacer {
	background-color: #3E3F41;
	border-right: 1px solid #6D7172;
	padding: 0;
	height: 25px;
}

td.preview-image {
	border-right: 2px solid #E5E5E7;
	width: 40%;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
}

.preview-image-div {
	text-align: center;
	min-height: 340px;
}

.preview-image-div img {
	vertical-align: middle;
}


.preview-image-panel {
	text-align: center;
	width: 320px; /* IE 7 */
	min-height: 250px;
}

.preview-image-pane img {
	vertical-align: middle;
}

td.preview-overview {
	width: 60%;
	background-color: #FFFFFF;
	vertical-align: top;
}

.preview-overview-div {
	border-bottom: 2px solid #E5E5E7;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
	clear: both;
	overflow: auto;
}

.item-value-inplace p {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.right-actions {
	float: right;
	padding: 2px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.left-actions {
	float: left;
	padding: 5px 0px 5px 10px;
}

.overview-label {
	color: #41ADDE;
	font-weight: bold;
	padding: 2px 0;
}

/*	-------------
	FORM FIELDS
	-------------
*/
.item {
	clear: left;
	display: block;
	vertical-align: top;
	height: auto;
	padding: 3px;
}
.item-label { /* font-weight: bold; */
	float: left;
	display: block;
	min-width: 150px;
	padding-right: 16px;
	vertical-align: top;
}

.item-label-validity { /* font-weight: bold; */
	float: left;
	display: block;
	min-width: 200px;
	padding-right: 16px;
	vertical-align: top;
}

.side-content-item-label { /* font-weight: bold; */
	float: left;
	display: block;
	min-width: 140px;
	vertical-align: top;
}

.item-dotted {
	clear: both;
	border-top: 1px dotted #C8CAC9;
	margin-top:5px;
	margin-bottom:5px;
}
.item-label-preview {
	float: left;
	display: block;
	min-width: 100px;
	padding-right: 16px;
	vertical-align: top;
}

/* covers all item-*-value and item-value-* classes */
div[class^="item-"][class*="-value"] {
    float: left;
	display: block;
}

/* limit size of select when in a widget */
.widget select {
width: 100% !important;
min-width: 250px;
}

/* adjust plupload component when contained in a dashboard widget */ 
.widget .hasDatepicker {
 width:230px;
}

.widget .uploaderTarget {
 width:100%!important;
}
.widget .plupload_file_size, .plupload_file_status, .plupload_progress {
	float: right;
	width: 50px;
}

.item-value-asset {
	width: 200px;
	overflow: hidden;
}

.item-value-inplace {
	background-color: #E9E9E9;
	width: 365px;
	padding: 2px;
	cursor: pointer;
}

.item-value-inplace span {
	display: block;
	width: 365px;
	cursor: pointer;
	min-height: 20px;
}

.item-value-inplace-input {
	width: 360px;
}

.item-value-inplace-select {
	width: 362px;
	height: 20px;
}

.item-value-inplace-multiselect,.item-value-inplace-textarea {
	width: 360px;
	height: 70px;
}

.item-date-value {
	float: left;
}

.extended-list-value select{
	width: 164px;
	height: 100px;
}

.hasDatepicker {
	float: left;
	width: 150px;
}

/* style jquery-ui datepicker for DVDateComponent */
.ui-datepicker-trigger{
	border: none;
    background-color:transparent;

}

.item-value input[type=text] {
	width: 360px;
}

.item-value textarea, .item-value select {
	width: 365px;
	height: 70px;
}

.item-unit select[size='1'], .item-unit input[type=text] {
	float: left;
	display: block;
	width: 110px;
	height: 20px;
}

.item-value select[size='1'] {
	width: 365px;
	height: 20px;
}

.item-num-value select[size='1'],.item-num-value input[type=text] {
	float: left;
	display: block;
	width: 100px;
}

.item-pricelist-value select[size='1']{
	width: 200px;
}

.item-pricelist-value input[type=text]{
	
	width: 90px;
}

.complex-item-unit select[size="1"], .complex-item-unit input[type="text"] {
    display: block;
    float: left;
    height: 20px;
    width: 77px;
}

/*	-------------
	SEARCH AUTOCOMPLETE FIELD
	-------------
*/
div.wicket-aa-container {
	background-color: #FFFFFF;
	color: #000000;
	min-width: 250px;
	width: auto;
	/* was: scroll:none? */
	overflow: hidden;
	height: auto;
	border: 1px solid #9B9EA4;
	border-top: 1px solid #ABB0B7;
}

div.wicket-aa {
	float: left;
}

div.wicket-aa ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}

div.wicket-aa ul li.selected {
	background-color: #CCCCCC;
}

/* Adjust style of jQueryUI autocompleter to match Wicket's autocompleter. */
.ui-autocomplete.ui-menu.ui-corner-all {
    border-radius: 0;
}
.ui-autocomplete.ui-menu a.ui-state-hover {
    background: #ccc;
    border: 0;
    border-radius: 0;
    margin:0;
}

.search-in-suite {
	display: block;
	float: left;
	background: url("../img/background/widget-bg-suite.png") repeat scroll 0
		0 transparent;
	height: 52px;
	width: 500px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 10px;
}

.search-label {
	color: #FFFFFF;
	height: 19px;
	padding-right: 6px;
  	margin-top: 10px;
	display: block;
	float: right;
	vertical-align: middle;
}

.search-region-epaper {
	background: url("../img/background/input_bg_epaper.png") no-repeat
		scroll left top transparent;
	margin-top: 6px;
	margin-right: 10px;
	display: block;
	float: right;
}

.search-region-suite {
	background: url("../img/background/input_bg_suite.png") no-repeat scroll
		left top transparent;
	margin-top: 7px;
	margin-right: 10px;
	display: block;
	float: right;
}

.search-region-pim {
	background: url("../img/background/input_bg_pim.png") no-repeat scroll
		left top transparent;
	margin-top: 6px;
	margin-right: 10px;
	display: block;
	float: right;
}

.search-region-cockpit {
	background: url("../img/background/input_bg_cockpit.png") no-repeat
		scroll left top transparent;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 10px;
	min-width: 265px;
}

.search-region-projects {
	background: url("../img/background/input_bg_projects.png") no-repeat scroll
		left top transparent;
	margin-top: 7px;
	margin-right: 10px;
	display: block;
	float: right;
}

/* used for AssetSearchWidget */
.search-in-widget-suite {
	padding-top: 14px;
	padding-left: 10px;
	display: block;
	background: url("../img/background/widget-bg-suite.png") repeat scroll 0
		0 transparent;
	height: 40px;
	margin-left: 1px;
	margin-right: 1px;
}
/* used for EPaperSearchWidget */
.search-in-widget-epaper {
	padding-top: 14px;
	padding-left: 10px;
	display: block;
	background: url("../img/background/widget-bg-epaper.png") repeat scroll
		0 0 transparent;
	height: 40px;
	margin-left: 1px;
	margin-right: 1px;
}
/* used for NodeSearchWidget */
.search-in-widget-pim {
	padding-top: 14px;
	padding-left: 10px;
	display: block;
	background: url("../img/background/widget-bg-pim.png") repeat scroll 0 0
		transparent;
	height: 40px;
	margin-left: 1px;
	margin-right: 1px;
}

/* used for entended AssetSearchWidget */
.extended-search-in-widget {
	display: block;
	padding: 3px;
}

/* used for AssetSearchWidget */
.search-region-widget {
	background: url("../img/background/input_bg_cockpit.png") no-repeat
		scroll 0 0 transparent;
}

.search-input, .search-input:focus {
	background-color: transparent;
	background-image: none;
	border: 0 none;
	width: 225px;
	padding-left: 4px;
	margin-bottom: 11px;
	vertical-align: middle;

	outline: 0 none;
}

.search-button {
	background-color: transparent;
	background-image: none;
	border: 0 none;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 3px;
}

td.search-range-date input {
	width: 97px;
}

td.search-range-date input.hasDatepicker {
	width: 70px;
}

/*	-------------
	Attribute table
	-------------
*/
.simple-table {
	border: 0px;
	border-collapse: separate;
}

.simple-odd>.simple-name-column {
	background-color: rgb(229, 230, 232);
}

.simple-even>.simple-name-column {
	background-color: rgb(236, 237, 239);
}

.simple-odd>.simple-value-column {
	background-color: rgb(248, 248, 248);
}

.simple-even>.simple-value-column {
	background-color: rgb(255, 255, 255);
}

.simple-name-column {
	border: 1px solid rgb(186, 191, 195);
}

.simple-value-column {
	border: 1px solid rgb(186, 191, 195);
}

.simple-name-column {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: none;
	background-color: #DCDCDC;
	width: 30%;
	/*  white-space: nowrap;*/
	vertical-align: top;
}

.simple-value-column-header {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: none;
	background-color: #DCDCDC;
	vertical-align: top;
}

.simple-name-column-label { /*width: 180px;*/
	display: block;
	padding-top: 6px;
	padding-left: 10px;
	vertical-align: top;
}

.simple-name-column-label-light {
	display: block;
	padding-left: 10px;
	vertical-align: top;
}

.simple-name-column-description {
	color: #9FA3A4;
	padding-bottom: 6px;
	padding-left: 10px;
	vertical-align: top;
}

.simple-name-column-info {
	display: inline;
	float: right;
	padding-right: 6px;
	padding-top: 6px;
	vertical-align: top;
}

.simple-value-column {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: 2px solid #E1E1E1;
	border-right: none;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 5px;
	width: 366px;
}

.simple-parent-value-column {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: 2px solid #E1E1E1;
	border-right: none;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 5px;
	width: 200px;
}

.simple-action-column {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: 2px solid #E1E1E1;
	border-right: none;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 5px;
	width: 10%;
}

.simple-name-text-block-column {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: none;
	background-color: #DCDCDC;
	min-width: 50%;
	white-space: pre-wrap;
	vertical-align: top;
}

.simple-value-text-block-column {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B3B7B6;
	border-left: 2px solid #E1E1E1;
	border-right: none;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 5px;
	width: 732px;
}

/*	------------
	panelToolbar
	------------
*/
.panel-bar {
	background-color: #FCFCFC;
	border-top: 1px solid #E3E6E4;
	background: #FFFFFF url(../img/background/panelbar_bg.png) left bottom
		repeat-x;
	min-height: 34px;
}

.panel-bar-table {
	width: 100%;
}

.spacer-dotted {
	border-right: 1px dotted;
	padding-right: 10px;
	min-height: 25px;
}

.sub-pbar-left {
	background: url(../img/background/subbar_bg_black_left.png) scroll top
		left no-repeat;
	width: 335px;
	margin-top: 10px;
}

.sub-pbar-right {
	background: url(../img/background/subbar_bg_black_right.png) scroll top
		right no-repeat;
}

.sub-pbar-content {
	background: url(../img/background/subbar_bg_blackdark_center.png) scroll
		top left repeat-x;
	margin-left: 6px;
	margin-right: 6px;
	padding: 1px 0px 0px 0px;
	height: 26px;
}

.sub-pbar-right-blackdark {
	background: url(../img/background/subbar_bg_blackdark_right.png) scroll
		top right no-repeat;
}

.listViewFormTable{
	padding:0;
	border-spacing:0;
	margin:0;
	border-collapse: collapse;
	width:100%;
	height:100%;
	max-height:100%;
	background-color: #FFFFFF;
}

.sidepane-width {
	/*width:333px ! important;*/ /* ! important is not supported by IE*/
	max-width:333px;
}

.sidepane-td {
	max-width:333px;
	width: 333px;
	vertical-align: top;
	height:100%;
	background-color:white;
	padding:0;
	border-spacing:0;
	margin:0;
}

.sidepane-td-table{
	padding:0;
	border-spacing:0;
	margin:0;
	border-collapse: collapse;
	height:100%;
	background-color:transparent;
}
.sidepane-div {
	background-color:#DFE1E0;
	/* padding-bottom: 10px; */
	padding:0;
	border-spacing:0;
	margin:0;
	height: auto;
	overflow: hidden;
	height:100%;
}

.sidepane {
	vertical-align: top;
	padding:0;
	border-spacing:0;
	margin:0;
	background-color: white
}

/* don't show the reset button in a widget */
.widget .sidepane-reset-div {
	display:none;
}

.sidepane-reset-div{
	  margin:0px;
	  padding-top:3px;
	  padding-right:2px;
	  padding-left:10px;
	  height:20px;
	}
.sidepane-reset-title{
	float:left;
	}

.sidepane-reset-action{
	float:right;
	padding-left: 10px;
	padding-right: 15px;
	text-align: left;
	border-left: 1px dotted;
}

.sidepane-reset-action a:hover{
	color: #0090FF;
}

.side-panel-spacer {
	border-left: 1px solid #8F9092;
	border-right: 1px solid #C1C5C6;
	background-color: #AFAFB3;
	width: 1px;
}
.side-panel-spacer-transparent {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background: transparent;
	width: 1px;
}

.sidepane-content {
	vertical-align: top;
	background-color: #DFE1E0;
	border-bottom: 1px solid #ACAEB4;
	/*width:100%;*/ /* causes the rendering problem in chrome, but take care of IE7 */
}

*+html .sidepane-content {
	width:100%; /* must be set for IE7 explicitly */
}

.sidepane-actions {
	background: url("../img/background/panelbar_bg.png") repeat-x scroll
		left 2px transparent;
	border-bottom: 2px solid #E4E5E7;
	border-top: 1px solid #FFFFFF;
	padding-top: 2px;
	min-height: 25px;
}

.side-content {
	/*border-left:1px solid #8F9092;
	border-right:1px solid #8F9092;*/
	padding-bottom: 20px;
	background-color: transparent;
	width:100%;
}


.side-panelbar-content {
	padding: 8px;
	padding-left: 10px;
}

.border-linkbar {
	border-top: 1px solid #BABFC3;
	border-bottom: 1px solid #BABFC3;
	padding: 4px 4px 2px;
	text-align: right;
}

.result-content {
	padding: 0px 10px 0px 20px;

	height:100%;
	min-height: 100%;
}


.tree-box {
	background-color: #FFFFFF;
	padding-bottom: 10px;
	height: auto;
	margin: 1px;
}

.collapsible {
	background: url(../img/background/panelbargray_bg_m.png) scroll top left
		repeat-x;
	border-bottom: 1px solid #C8CAC9;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C8CAC9;
	color: #353734;
	font-weight: bold;
	margin-top: 1px;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 6px;
	height: 28px;
}

.collapsible-content {
	padding: 8px 4px 4px 10px;
	background-color: #FFFFFF;
	max-height: 300px;
	min-height: 50px;
}

/* longer content on detail page than elsehwere */
div.pnlTabbedContent  .collapsible-content{
	max-height: 800px;
}

.scroll {
	overflow: auto;
}

.noscroll {
	overflow: hidden;
}

.collapsible-icon {
	position: relative;
	display: inline;
	float: right;
}

.flat-header {
	padding-left: 10px;
	text-align: left;
	border: 1px solid rgb(186, 191, 195);
	background-color: #ededeb;
}

.facetTable {
	width: 100%;
	border: 0;
}

.facetNameCol {
	text-align: left;
	padding-right: 15px;
}

.facetRemoveCol {
	text-align: right;
}

.link-column {
	padding-left: 10px;
	padding-right: 15px;
	text-align: left;
}

label.link-column {
	cursor:pointer;
}

.counter-column {
	text-align: right;
}

.num-list {
	border-top: 1px solid #FFFFFF;
	list-style-type: decimal
}

/*	-------------
	Panelfooter
	-------------
*/
.panel-footer {
	clear: both;
	display: block;
	height: 45px;
	background-color: #FFFFFF;
}

.panel-ld {
	background: url(../img/background/panelbg_ld.png) scroll bottom left
		no-repeat;
	margin-bottom: 2px;
	border-top: 0px;
}

.panel-rd {
	background: url(../img/background/panelbg_rd.png) scroll bottom right
		no-repeat;
	/*position: relative;
	right: -6px;
	top: -5px;*/
}

.panel-md {
	height: 9px;
	margin-left: 7px;
	margin-right: 6px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #F3F5F5;
	border-bottom: 1px solid #F3F5F5;
	font-size: 6px;
	padding: 0px;
}

.panel-bottom {
	height: 10px;
	background-color: #F3F5F5;
}

/*	-------------
	Search Result Tbl
	-------------
*/
.infobar {
	min-height: 16px;
	padding: 2px 2px 2px 0px;
}

.infobar-notification{
	min-height: 16px;
	padding: 2px 2px 2px 16px;
}

.infobar-spacer {
	border-bottom: 1px solid #E4E5E7;
	border-top: 1px solid #C4C5C7;
}

.list {
	border-collapse: separate;
	border-top: none;
	border-bottom: 1px solid #C8CAC9;
	border-left: none;
	border-right: 1px solid #C8CAC9;
	empty-cells: show;
	margin-top: 6px;
	margin-bottom: 6px;
}

.list-item-indented {
	padding-left: 1em;
    text-indent: -1em;
    word-wrap: break-word;
    overflow-wrap:break-word;
}

.list-scrollbar {
	position: relative;
	display: block;
	overflow: auto;
	margin-top: 6px;
	margin-bottom: 6px;
}

.list-db {
	border-bottom: 1px solid #C8CAC9;
    width: 100%;
}

.list-db-container {
    padding-left: 1px;
    padding-right: 2px;
}

.wdg-sub-header-db-last-uploaded {
	padding-left: 11px;
	padding-top: 5px;
}

.previewImg-db {
	max-width: 70px;
	max-height: 70px;
}

.createNewProjectTable {
	width: 100%;
	height: 34px;
}

.createNewProjectTd {
	width: 100%;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.createNewProjectTd a {
	color: white;
}

.list-cell-db a:hover {
	color: #0688C4 ! important;
}

.createNewProjectTd a:hover {
	color: #0688C4 ! important;
    font-weight: normal;
    text-decoration: none;
}

.list-line-odd {
    background-color: #DFE1E0;
}

.list-line-even {
	background-color: #FFFFFF;
}

.list-line-selected {
	background-color: #B5D9FD;
}

.list-subheadercell {
	background: url(../img/background/thead_bg.png) scroll top left repeat-x;
	background-color: #C4C4C4;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C8CAC9;
	color: #555555;

	font-weight: normal;
	padding: 4px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
	
	overflow:hidden;
	text-overflow:ellipsis;
}

.list-subsubheader-cell {
	background-color: #C4C4C4;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C8CAC9;
	color: #555555;

	font-weight: normal;
	padding: 4px;
	padding-bottom: 5px;
	vertical-align: top;
	white-space: nowrap;
}

.list-cell, .list-cell-node 
{
	border-bottom: medium none;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C8CAC9;
	color: #787878;

	font-size: 10px;
	padding: 10px;
	vertical-align: top;
	max-width: 150px; 
	overflow:hidden;
	white-space: normal;
}

.list-cell a:hover
{
	color: #0090FF;
}

.list-cell-node
{
	vertical-align: middle;
}
.list-cell-bordered {
	overflow:auto;
	max-height: 145px; 
}

.list-cell  em {
	font-style: normal;
}
.list-highlite-text-darker {
	color: #0688C4;
	/*font-weight: bold;*/
}
.list-highlite-text-darker em {
	font-style: normal;
}

.list-highlite-text-darker-bold span {
	font-weight: bold;
}

.list-paging {
	clear: both;
	display: block;
	width: 100%;
	height: 30px;
}

h1.listTitle {
	font-size: 11px;
	font-weight: bold;
}
.list-paging h1.listTitle {
	float:left;
	margin:0;
	padding-top:5px;
}

.list-paging span {
	font-style: normal;
	display: inline;
	padding-left: 2px;
}

.list-paging-navi {
	float: right;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #D8D8D8;
	border-top: 1px solid #A3A3A3;
	border-left: 1px solid #A3A3A3;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

/* for deactivated numbers and deactivated << < > >> */
.list-paging-navi em {
	font-style: normal;
	color: #0391D3;
	font-weight: bold;
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

/* for activatable numbers */
.list-paging-navi span a {
	color: #000000;
	font-weight: normal;
}


/* hover for activatable path collaction */
.pathComponents a:hover {
    font-weight: normal;
    text-decoration: underline;
    color: #0688C4 ! important;
}

/* hover for activatable numbers and activatable << < > >> */
.list-paging-navi a:hover {
    color: #525252 ! important;
    font-weight: normal;
    text-decoration: underline;
}

/* activatable << < > >> */
.list-paging-first,.list-paging-next {
	color: #000000 ! important;
	font-weight: normal;
	padding-left: 15px;
}

.list-paging-last,.list-paging-prev {
	color: #000000 ! important;
	font-weight: normal;
	padding-right: 15px;
}

.list-label-bold {
	margin-top: 8px;
	margin-left: 8px;
	color: #9A9A9A;
	display: inline-block;
	font-size: 11px;
	font-weight: bolder;
}

.thumbs {
	padding-top: 10px;
	clear: both;
	display: block;
	width: 100%;
}

.thumb {
	display: block;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 2px solid #ABACB0;
	border-top: 2px solid #ABACB0;
	height: 121px;
	margin: 4px 6px 6px 6px;
	width: 96px;
}

.thumb-ext {
	padding-bottom: 5px;
}

.thumb-small {
	display: block;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 2px solid #ABACB0;
	border-top: 2px solid #ABACB0;
	height: 96px;
	margin: 4px 6px 6px 6px;
	width: 96px;
}

.thumb-small2 {
	height: 100px;
	margin: 6px;
	width: 120px;
}

.epaper-thumb-selected {
	display: block;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 2px solid #FF9800;
	height: 96px;
	margin: 6px;
	width: 96px;
}

.suite-thumb-selected {
	display: block;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 2px solid #50b1dc;
	height: 96px;
	margin: 6px;
	width: 96px;
}

.pim-slider .thumb-preview {
	position: relative;
}

.pim-slider .thumb-preview a.detailLink {
	bottom: 0;
	display: inline-block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.pim-slider .thumb-preview .detailLink span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #eee;
	max-height: 96px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pim-thumb-selected {
	display: block;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 2px solid #68b900;
	height: 96px;
	margin: 6px;
	width: 96px;
}

.thumb-preview {
	background-color: #EBECEE;
	height: 90px;
	padding: 3px;
	text-align: center;
}

.thumb-preview * img {
	max-width: 90px;
	max-height: 90px;
}

.thumb-preview2 {
	margin: 15px;
	text-align: center;
}

.thumb-preview2 * img {
	max-width: 90px;
	max-height: 90px;
}

.full-preview * img {
	max-width: 120px;
	max-height: 120px;
}

.full {
	display: block;
	float: left;
	background-color: #FFFFFF;
	margin: 4px 6px 6px 6px;
	width: 156px;
	height: auto;
	border-top: 2px solid #ABACB0;
}

.full-preview {
	height: 120px;
	margin-bottom: 2px;
	padding: 3px;
	text-align: center;
	border-bottom: 2px solid #DADADA;
}

.full-nav {
	display: inline-block;
	background-color: transparent;
	/*padding: 6px;*/
	padding-bottom: 2px;
	text-align: left;
	height: 31px;
	/*padding-top: 0px;*/
	padding: 0 0 0 2px;
}

.full-nav-preview-panel {
	max-width: 100px;
}

.full-nav-preview-panel-node {
	max-width: 90px;
}

.full-preview-icons {
	position: relative;
	display: inline-block;
	float:right;
	top: 5px;
	padding-right: 7px;
}

.full-preview-icons-nodelist {
	position: relative;
	display: inline;
	float:right;
	padding-right: 7px;
	top: 5px;
}
.full-preview-icons-pos {
	position: relative;
	top: -13px !important;
	margin-right: 15px;
}


.thumb-recent {
	border-top: 2px solid #606466;
}

.thumb-recent-double{
	border-top: 4px solid #606466;
}

.pnlInfoIcons-pos {
	position: relative;
	top: -13px;
}

.pnlInfoIcons-pos2 {
	position: relative;
	top: -7px;
	left: -15px;
}

.full-preview-icons-preview-panel_1 {
	max-width: 38px; /* IE7 fix for AssetPreviewPanel */
	height: 31px;
	top: 0px;
}

.full-preview-icons-td-1 {
	vertical-align: top;
}

.full-preview-icons-td-2 {
	vertical-align: top;
	padding-top: 4px;
}

.pIcon-td-1 {
	vertical-align: top;
	padding-top: 0px;
}

.pIcon-td-2 {
	vertical-align: top;
	padding-top: 0px;
}

.pIcon-left {
	width: 95px;
	overflow: hidden;
	display: block;
}

.pIcon-right {
	top: 0px;
	padding-right: 0px;
	width: 45px;
	overflow: hidden;
	display: block;
}

.pIcon-right-extension {
	font-weight: bold;
	float:right;
	white-space: nowrap;
}

.pIcon-left-span {
	white-space: nowrap;
}

.info-icon {
	float: right;
	margin-top: 6px;
	position: relative;
}
.full-preview-checkbox {
	float: right;
	margin-top: 6px;
	position: relative;
}



.full-preview-zoom {
	float: right;
	margin: 6px 2px;
	position: relative;
	background: url(../img/icons/icon_zoom.png) no-repeat;
	width: 14px;
	height: 14px;
}



.full-preview-zoom2 {
	float: left;
	margin: 6px 2px;
	position: relative;
}

.full-desc {
	background-color: #FFFFFF;
	border-bottom: 2px solid #ABACAE;
	border-top: 1px solid #DADADA;
	padding: 6px 5px;
}

/**************
	rollover
**************/

.rolloverImage{
	position: relative;
	float: left;
	width: 320px;
	height: 320px;
	background-color: #c3c3c3;
	padding: 6px 6px 6px 6px;
	text-align: center;
	overflow: hidden;
}

.rolloverInfo{
	position: relative;
	float: left;
	padding-left: 10px;
	background-color: #ffffff;
	width: 350px;
	height: 332px;
	overflow: auto;
}


.rolloverInfo .item, .rolloverInfo table.attributes {
	position: relative;
	float: left;
	clear: both;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "@Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.rolloverInfo .item-label{
	width: 140px;
}

.rolloverInfo .item-value{
	width: 160px;
}


.rollover-hide {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	display: block;

}

.pnlRollover {
	/*
	position: relative;
	float: left;
	z-index: 9999;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 6px 5px 6px 5px;

	top: -50px;
	left: -60px;
	width: 700px;
	height: 334px;
	overflow: auto;
	display: block;
	*/

	height: 340px !important;
}

.rolloverDialog {
	background: #ffffff !important;
	/*border: 1px solid #cccccc;*/
}

.ui-dialog-content {
	padding: 6px 0px 0px 4px !important;
}

.rollover {
	border: 1px solid #807f84;
	background-color: #F3F3F3;
	padding: 8px;
	position: absolute;

	margin-top: 4px;
	width: auto;
}

.rollover>div {
	background-color: #FFFFFF;
	border-bottom: 2px solid #DADADC;
	padding: 4px;
}

.rollover>p {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 15px;
	padding-right: 0px;
}

/**************
	slider
**************/
.slider { /*
	position: fixed;
    bottom:0px;*/
	z-index: 200;
	padding: 10px;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	height: 120px;
	min-width: 1180px;
}

.slider-display {
	display: block;
}

.slider-hide {
	height: 0px;
	display: none;
}

.toggle-basket {
	text-align: center;
	margin-top: 2px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ACAEB4;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	height: 20px;
}

.toggle-basket-link {
	vertical-align: middle;
	display: inline;
	float: right;
}

.toggle-basket-img {
	display: inline;
}

.toggle-basket-text-suite {
	color: #0688C4;
	font-weight: bold;
	display: inline;
	float: left;
}

.toggle-basket-link-text-suite {
	color: #0688C4;
	font-weight: bold;
	display: inline;
}

.toggle-basket-text-pim {
	color: #68b900;
	font-weight: bold;
	display: inline;
	float: left;
}

.toggle-basket-link-text-pim {
	color: #68b900;
	font-weight: bold;
	display: inline;
}
/**************
	feedbackPanel
**************/
.feedbackPanel {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.feedbackPanelINFO {
	color: rgb(2, 144, 210);
	font-weight: bold;
}

.feedbackPanelERROR,.feedbackPanelFATAL {
	color: #FF0000;
}

.feedbackPanelWARNING {
	color: #FF0000;
}

/**************
	input type=file (upload)
**************/
div.fileinputs {
	position: relative;
}

div.fakefile {
	background: url("../img/background/input_bg_cockpit.png") no-repeat
		scroll left top transparent;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 10px;
	min-width: 265px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fakefile.input {
	background-color: transparent;
	background-image: none;
	border: 0 none;
	width: 228px;
	padding-left: 4px;
	padding-bottom: 6px;
}

input.file {
	margin-top: 13px;
	margin-left: 10px;
	padding-left: 4px;
	padding-bottom: 6px;
	width: 260px;
	position: relative;
	text-align: right;
	/*-moz-opacity: 0;
	filter: alpha(opacity :     0);*/
	opacity: 0;
	z-index: 2;
}

/*
   --------------------------------
   LOGIN
   --------------------------------
*/
.login {
	margin: 0;
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #87888A;
}

#content-login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -219px;
	margin-left: -294px;
}

#login-form {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	width: 590px;
	height: 378px;
	background-image: url(../img/background/mediacockpit_login.png);
	background-repeat: no-repeat;
}

.login-feedback {
	position: absolute;
	top: 115px;
	left: 128px;
	font-weight: normal;
	color: black;
	/*font-style: italic ; */
	width: 350px;
}

.login-feedback-repeat {
	position: absolute;
	top: 115px;
	left: 128px;
	font-weight: normal;
	color: black;
	/*font-style: italic ; */
	width: 350px;
}

#login-form-elm {
	position: absolute;
	top: 152px;
	left: 13px;
}

#change-pwd-form-elm {
	position: absolute;
	top: 132px;
	left: 13px;
}

.login_user_text {
	position: absolute;
	top: 10px;
	left: 2px;
	margin: 5px;
	width: 100px;
	font-size: 8pt;
	color: #CDCCCA;
	text-align: right;
}

.login_user {
	position: absolute;
	top: 10px;
	left: 115px;
	width: 350px;
}

.login_pwd_text {
	position: absolute;
	top: 52px;
	left: 2px;
	margin: 5px;
	width: 100px;
	font-size: 8pt;
	color: #CDCCCA;
	text-align: right;
}

.login_pwd {
	position: absolute;
	top: 52px;
	left: 115px;
	width: 350px;
}

.login_pwd_repeat_text {
	position: absolute;
	top: 92px;
	left: 2px;
	margin: 5px;
	width: 100px;
	font-size: 8pt;
	color: #CDCCCA;
	text-align: right;
}

.login_pwd_repeat {
	position: absolute;
	top: 92px;
	left: 115px;
	width: 350px;
}

.login_button {
	position: absolute;
	top: 94px;
	left: 359px;
	background: transparent;
}

.login_button_repeat {
	position: absolute;
	top: 134px;
	left: 359px;
	background: transparent;
}
.generate_pw_link {
	position: absolute;
	top: 130px;
	left: 115px;
	width: 344px;
	font-size: 8pt;
	color: #CDCCCA;
	text-align: right;
}
.generate_pw_link a {
	color: #CDCCCA;
	text-align: right;
}
.login_button input,.login_button_repeat input {
	background: transparent;
}

.login_user input,.login_pwd input,.login_pwd_repeat input {
	border-bottom: 1px solid #B0AFAD;
	border-right: 1px solid #B0AFAD;
	border-top: 1px solid #999894;
	border-left: 1px solid #999894;
	background-color: #C1C0BC;
	background-image: none;
	width: 340px;
	height: 20px;
	line-height: 20px; /*IE7 fix*/
}

.login_copyright {
	padding-left: 60px;
	color: #CDCCCA;
}

.template_copyright {
	padding-top: 20px;
	padding-left: 25px;
	color: #868a8b;
	font-size: 11px;
	font-weight: normal;
}
/*
   --------------------------------
   System Dashboard
   --------------------------------
*/
.system-dashboard-bg {
	background-color: rgb(223, 225, 224);
	float: left;
	width: 100%;
}

.system-dashboard-msg {
	padding-left: 20px;
}

a.tab-link {
	color: #9E9E9E;
	display: inline-block;

	font-size: 13px;
	padding-top: 8px;
}

a.tab-link-active {
	color: #3E371E;
	display: inline-block;

	font-size: 13px;
	font-weight: bold;
	padding-top: 8px;
}

.tab-link-myLabel-active {
	color: #3E371E;
	font-weight: normal;
}

.tab-link-myLabel {
	color: #9E9E9E;
	font-weight: normal;
}

.tab-link-dashboardLabel-active {
	color: #3E371E;
	font-weight: bolder;
	position: relative;
	left: -5px;
}

.tab-link-dashboardLabel {
	color: #9A9A9A;
	font-weight: bolder;
	position: relative;
	left: -5px;
}

.panel-bar .layout-out {
	padding-top: 10px;
	padding-left: 20px;
}

.panel-bar .layout-out .layout-in {
	float: left;
}

a.panel-bar-link-active {
	color: #3E371E;
	display: inline-block;

	font-size: 10px;
	font-weight: bold;
}

a.panel-bar-link {
	color: #8a8a8a;
	display: inline-block;

	font-size: 10px;
}

.panel-bar .layout-out .spacer {
	line-height: 13px;
	float: left;
	color: #CCCCCC;
	font-size: 16px;
	padding-left: 6px;
	padding-right: 6px;
}

.system-subscribe-bg {
	background-color: #FFFFFF;
	float: left;
	width: 100%;
}

.system-subscribe-bg-footer {
	background-color: #FFFFFF;
	width: 100%;
	float: right;
}

.system-subscribe-bg-footer table {
	float: right;
	padding-right: 50px;
	padding-bottom: 20px;
}

div.subscribe {
	border-top: 1px solid #FFFFFF;
	padding: 10px 20px 10px 20px;
}

div.subscribe .preview-column {
	float: left;
	min-width: 25%;
}

a.close-subscribe {
	/*display: layout;*/

	font-size: 10px;
	color: #8a8a8a;
}

.close-subscribe .label {
	vertical-align: top;
}

div.widget-preview {
	height: 150px;
}

div.widget-preview table {
	padding: 15px;
}

div.widget-preview table td {
	vertical-align: top;
}

.previewTitle {
	display: inline-block;
	color: #787878;

	font-weight: bold;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 5px;
}

a.previewInfoLink {
	display: inline-block;
	text-decoration: none;
	color: #787878;

	font-size: 10px;
	padding-top: 5px;
	padding-left: 5px;
}

img.widgetPreviewImg {
	width: 110px;
}

.widget-preview-modal {
	padding: 10px;
}

.widget-preview-modal table td {
	vertical-align: top;
}

.widget-preview-modal table td.spacer {
	width: 30px !important;
}

img.widgetPreviewImgModal {
	width: 300px;
}

/* use it in div to accept the padding-bottom*/
.preview-modal-headline {
	color: #787878;

	font-weight: bold;
	font-size: 11px;
	padding-bottom: 5px;
}

.preview-modal-text {
	color: #787878;

	font-weight: normal;
	font-size: 10px;
}

.preview-modal-text ul {
	margin-top: 0px;
	padding-left: 16px;
}

.widget-button-add-full-small {
	background: url(../img/background/button_add_full_without_font_mod_92x19.png) no-repeat;
	padding-bottom: 15px;
	width: 93px;
}

a.widget-button-add-full-link-small {
	padding-left: 22px;
}

.widget-button-add-full-link-text-small {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	position: relative;
	top: 0px;
}

/* IE 7 hack */
*+html .widget-button-add-full-link-text-small {
	position: relative;
	top: 1px;
}

/* IE 8 hack */
@media \0screen {
	.widget-button-add-full-link-text-small {
		position: relative;
		top: 1px;
	}
}

.widget-button-add-spacer {
	height: 5px;
}

.widget-button-add-full {
	background: url(../img/background/button_add_full_without_font_140x29.png) no-repeat;
	padding-bottom: 15px;
	width: 142px;
}

a.widget-button-add-full-link {
	padding-left: 30px;
}

.widget-button-add-full-link-text {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	position: relative;
	top: 4px;
}

/* IE 7 hack */
*+html .widget-button-add-full-link-text {
	position: relative;
	top: 5px;
}

/* IE 8 hack */
@media \0screen {
	.widget-button-add-full-link-text {
		position: relative;
		top: 5px;
	}
}

.upload-button {
	background: url("../img/icons/icon_save.png") no-repeat scroll left top
		transparent;
	width: 19px;
	height: 14px;
	border: none;
	cursor: pointer;
}

.permissions {
	display: block;
	padding: 2px;
	background-color: #FFFFFF;
	width:100%;
	overflow:auto;
}

.permissions-content {
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width:100%;

}
.permission {
	display: block;
	float: left;
	height: 25px;
	width: 250px;
}

.mp_permissions {
	padding-top: 10px;
	clear: both;
	display: block;
	width: 100%;
}

.mp_permission {
	display: block;
	float: left;
	height: 25px;
	width: 200px;
}

.system-contact-bg {
	border-top: 1px solid #FFFFFF;
	background-color: rgb(223, 225, 224);
	width: 100%;
}

.system-contact-bg .inner { /*padding: 10px 25px;*/
	padding: 10px 25px;
	background-color: rgb(223, 225, 224);
	min-height: 625px;
}

.infoHeadline {

	font-size: 11px;
	font-weight: bold;
}

.infoHeadlineTitle {
	font-size: 13px;
	font-weight: bold;
}

.pnlTabbed-userdata {
	display: inline-block; 	/* FF fix */
}

.userdata { /*
	background-color: transparent;
	*/
	background-color: #EDEFEE;
	min-height: 310px;
	padding-top: 30px;
	padding-left: 10px;
}

.userdata .infoHeadline_blue {

	font-size: 11px;
	font-weight: bold;
	color: rgb(2, 144, 210);
}

.userdata .infoContent {
	vertical-align: top;
	padding-left: 25px;
}

.userdata .value {
	vertical-align: top;
	width: 700px;
}

.userdata .statement {
	padding-bottom:25px;
}

.userdata .info {
	border-left: 1px solid #E1E3E2;
	vertical-align: top;
}

.userdata .item-label-profile {
	width: 275px;
	display: inline-block;
	padding-bottom: 8px;
}

.userdata .item-label-profile-headline {
	padding-bottom: 0px;
}

.userdata .item-value-profile input[type=text] {
	width: 300px;
}

.userdata .item-value textarea {
	width: 400px;
	height: 100px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border-color: #C4C0B9;
	color: #000000;
	background-position: 1px 1px;
	background-repeat: no-repeat;
	border-style: inset;
	border-width: 1px;
}

.userdata .item-value input {
	width: 400px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border-color: #C4C0B9;
	color: #000000;
	background-position: 1px 1px;
	background-repeat: no-repeat;
	border-style: inset;
	border-width: 1px;
}

.userdata .item-value input[type=checkbox] {
	float: left;
	width: 10px;
}

.userdata-footer {
	background-color: rgb(253, 253, 253);
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
}

.userdata-footer .value-save {
	text-align: right;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 700px;
}

.userdata-footer .value-save .label {
	vertical-align: top;
	padding-right: 10px;
	padding-left: 3px;
}

.userdata-footer .buttonIcon {
	vertical-align: middle;
}

.userdata-footer .info-save {
	border-left: 1px solid #E1E3E2;
	vertical-align: top;
}

.userMsg-behind {
	float: left;
}

.userMsg-info {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 10px;
    display: block;
}

.userMsg-ext {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	font-weight: bold;
}

.userMsg ul {
	padding-left: 0px;
	display: inline;
}

.userMsg ul li {
	display: inline;
}

.panelBarEmptyMsg {
	padding-left: 7px;
	font-weight: bold;
}

.userdata .item-value input[type=password] {
	width: 130px;
}

.sidepane-header {
	background: #FFFFFF url("../img/background/panelbar_bg.png") repeat-x
		scroll left top;
	padding: 3px;
	border-bottom: 1px solid #C9C9C9;
}

.sidepane-label {
	padding: 3px 10px;
	width: 300px;
	color: #0391D3;
	font-size: 11px;
}

/* Dark caption bars to go above columns (such as trees). */
.sidepane-caption {
	background: #717578; /* Old browsers */
	background: -moz-linear-gradient(top, #717578 0%, #4d4d4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717578), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #717578 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #717578 0%,#4d4d4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #717578 0%,#4d4d4d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #717578 0%,#4d4d4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717578', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
	
    color: #FFFFFF;
    height: 29px;
    line-height: 29px;
    text-indent: 10px;
    
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    
    margin-left:1px;
}
.sidepane-caption img {
	margin-right: 5px;
	vertical-align: -5px;
}

/*
   --------------------------------
   Basket Dashboard
   --------------------------------
*/
.basket-basedata {
	padding: 6px;
}

.basket-basedata .data-label { /* font-weight: bold; */
	padding-right: 16px;
	vertical-align: top;
}

.basket-basedata .data-value {
	padding: 2px;
}

.basket-basedata input[type=text],.basket-basedata textarea,.basket-basedata select,.basket-basedata select[size='1']
	{
	width: 310px;
}

.basket-basedata textarea,.basket-basedata select {
	height: 70px;
}

.basket-basedata select[size='1'] {
	height: 18px;
}

.basketSharing { /* background-color: #EDEFEE; */
	padding-top: 10px;
	padding-left: 6px;
	padding-right: 10px;
}

.basketSharing .value {
	vertical-align: top;
	width: 700px;
}

.basketSharing .info {
	border-left: 1px solid #E1E3E2;
	vertical-align: top;
	width: 30%;
}

.basketSharing .value-save {
	text-align: right;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

.basketSharing .info-save {
	border-left: 1px solid #E1E3E2;
	vertical-align: top;
	width: 30%;
}

.basketSharing .infoContent {
	vertical-align: top;
	padding-left: 25px;
}

.basketSharing .buttonIcon {
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 5px;
	vertical-align: middle;
}

.basketSharing .sharing-label {
	padding-right: 16px;
	vertical-align: top;
	font-size: 11px;
	color:     #787878;
}

.sharing-label {
	padding-right: 16px;
	vertical-align: top;
	font-size: 11px;
	color:     #787878;
}

.basketSharing .columnClasses {
	padding: 5px 10px 0;
}

td.sharingValueShort input.hasDatepicker {
	width: 130px;
}

.shareTo {
	font-size: 11px;
	width: 160px;
	padding-top: 1px;
	padding-left: 1px;
}

.shareToExternal {
	font-size: 11px;
	width: 160px;
	height: 55px;
	padding-top: 1px;
	padding-left: 1px;
}

.basketSharing .sharingValue select {
	font-size: 11px;
	padding-top: 0px;
	vertical-align: top;
	width: 90px;
}

/*	------------
	print resolution panel
	------------
*/
.print-resolution-panel {
	background: url("../img/background/print_q.png") no-repeat scroll 0 0
		#FFFFFF;
	height: 74px;
	width: 111px;
}

.modalPanel-Headline {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 12px;
}

.modalPanel-Body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
}

.epaperButton {
	border-style: none;
	text-decoration: none;
	vertical-align: middle;
}

/*	------------
	drop down actions panel
	------------
*/

.drop-trigger{
	padding: 0;
}

.drop-trigger-arrow{
	/* vertical-align:text-top; */
	position:relative;
	top:-5px;

}

.drop-trigger.text {
	background: url("../img/background/drop_btn.png") no-repeat scroll left
		top transparent;
	padding: 0px 12px 4px 4px;
	width: 120px;
	color: #6B6F73;
}

.drop-panel{
	padding:0;
	margin:0;
	}

.drop-panel-box {
	position: absolute;
	display: none;
	padding: 0px;
	margin-top: -6px;
	z-index: 300;
}

.drop-panel-top {
	font-size: 1px;
}

.drop-panel-content {
	background-color: #FFFFFF;
	border-left: 1px solid #BABFC3;
	border-right: 1px solid #BABFC3;
	z-index: 9999;
}

.drop-panel-content a img{
	background-color: #FFFFFF;
	border-left: 1px solid #BABFC3;
	border-right: 1px solid #BABFC3;
	z-index: 9999;
}

.drop-list-item {
	background-color: #FFFFFF;
	border-bottom: 1px solid #BABFC3;
	padding: 3px 9px 3px 26px;
	text-align: left;
	font-size: 11px;
	color: #969696;
}

.drop-list-item a {
	position:relative;
}
.drop-list-item a img{
	border: medium none;
	position: absolute;
	padding-top: 2px;
	left:-20px;
}
.drop-list-item a img.subportalIcon {
	position:static;
}

.drop-list-item a:hover{
	color: #0090FF;
}

.drop-panel-left {
	float: left;
}

.drop-panel-right {
	float: right;
}

.middle-top {
	font-size: 1px;
	background-color: #FFFFFF;
	border-top: 1px solid #BABFC3;
	display: block;
	overflow: hidden;
	height:2px;
}

/* for IE7 only or higher */
*+html .middle-top {
	height: 0px;
}

.middle-bottom {
	font-size: 1px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #BABFC3;
	display: block;
	overflow: hidden;
	padding:2px;
}

/* for IE7 only or higher */
*+html .middle-bottom {
	position: relative;
	top: -2px;
}

.drop-panel-footer {
	background-color: #BABFC3;
	height: 12px;
	margin: 1px 1px 0;
}

.drop-panel-bottom {
	bottom: 2px;			/* makes the line not visible*/
	font-size: 1px;
	overflow: hidden;
	position: relative;
}

/*
	pinnwand
*/
.pinnwandContentArea {
	border-top: 1px solid #FFFFFF;
	padding: 20px 20px 10px 20px;
	background-color: #E5E5E7;
}

.notificationTextArea {
	padding: 40px 10px 10px 10px;
	background-color: #E5E5E7;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
		"@Arial Unicode MS", Arial, Helvetica, sans-serif;
}

.notification-label-activeMS {
	color: #50B1DC;
	font-weight: bold;
}

div.notifications div.pnlTabbed div.tab-row li.selected a {
	padding-left: 40px;
	padding-right: 25px;
	background-image: url("../img/background/page_nav_arrow_aktivMS.png");
	background-repeat: no-repeat;
	background-position: 10px 12px;
	color: #50B1DC;
}

div.notifications div.pnlTabbed div.tab-row li a {
	padding-left: 40px;
	padding-right: 25px;
	background-image: url("../img/background/page_nav_arrow.png");
	background-repeat: no-repeat;
	background-position: 10px 12px;
	color: #929292;
}

div.notifications div.pnlTabbed div.tab-row li.selected {
	background-image: url("../img/background/tab_bg_inaktiv.png");
}

div.notifications div.pnlTabbed div.tab-row li {
	background-image: url("../img/background/tab_bg_inaktiv.png");
}

div.notifications div.pnlTabbed div.tab-row {
	padding-left: 5px;
}

.notificationPreview {
	width: 100%;
	min-height: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.notificationPreviewThumbnail {
	padding-left: 10px;
	min-height: 120px;
	min-width: 120px;
	text-align: center;
}

div.notificationContent {
	position: absolute;
	top: 0px;
	left: 160px;
}

.notificationCaptionPadding {
	padding-left: 10px;
	padding-top: 5px;
	vertical-align: top;
}

.notificationCaption {
	display: inline-block;
	color: #404040;
	font-size: 16px;
	font-weight: bold;
}

.notificationText {
	display: inline-block;
	color: #7C7C7C;
	font-size: 11px;
}

.notificationInformation {
	color: #7C7C7C;
	font-size: 11px;
}

div.notificationImageElement {
	position: relative;
	float: left;
	width: 110px;
	height: 110px;
}

div.notificationImage{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 90px;
	text-align: center;
}

.notificationAssetImage{
	max-width: 110px;
	max-height: 80px;
}

div.notificationImageButton {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 110px;
	height: 20px;
	text-align: center;
}

div.notificationAttachments {
	position: relative;
	padding-top: 10px;
	width: 100%;
	height: 110px;
	background-color: #F3F5F5;
}

div.notification-sidepane-div {
	width: 350px;
	float: left;
}

div.notification-images {
	margin-bottom: 10px;
}

div.notifications-content {
	position: relative;
	float: left;
}

div.notificationImageAction {
	padding-left: 5px;
	padding-top: 5px;
}

/*
  Workflow widget and Tab
*/
.wfDataDetail {
	background-color: #DFE1E0;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.wfDataDetail .header { /*width: 100%;*/
	/*white-space: normal;*/
	background-color: rgb(88, 92, 93);
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.wfDataDetail .headline {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}

.wfDataDetail .wfData-spacer {
	padding: 0px;
	background-color: rgb(63, 67, 86);
	border-right: 1px solid rgb(112, 116, 117);
	width: 2px;
}

.wfDataDetail .wfData-left {
	width: 200px;
	padding-bottom: 28px;
}

.wfDataDetail .wfData-right {
	padding-left: 10px;
	padding-bottom: 28px;
}

.wfDataDetail .headline-td {
	padding-bottom: 12px;
}

.wfDataDetail .wfData-td {
	padding-bottom: 5px;
}

.wfDataDetail .keyword {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
}

.wfDataDetail .value {
	color: #FFFFFF;
}

.wfDataDetail .panel-bar-wf {
	background-color: #FFFFFF;
	border-top: 1px solid #E3E6E4;
	border-bottom: 1px solid rgb(201, 201, 201);
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.wfDataDetail .panel-bar-wf .headline {
	padding-left: 10px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.wfDataDetail .reportTable {
	width: 100%;
	border-bottom: 1px solid #C8CAC9;
}

.widget-workflow-left {
	margin-top: 0px;
	margin-bottom: 1px;
	width: 229px;
}

.wf-sub-pbar-left {
	margin-top: 0px;
	margin-bottom: 1px;
	width: 229px;
}

.system-wf-bg {
	padding: 15px 25px 20px 25px;
	background-color: rgb(223, 225, 224);
	border-bottom: 1px solid #ACAEB4;
}

.wfData {
	border-top: 1px solid #FFFFFF;
	background-color: rgb(223, 225, 224);
}

.wfData .headline {
	color: #525252;
	display: block;

	font-size: 12px;
	font-weight: bold;
	height: 22px;
}

.sub-pbar-right-blackdark-wf {
	width: 229px;
}

.wf-td-bottom-ext {
	padding-bottom: 4px;
}

.img-wf {
	border-style: none;
	text-decoration: none;
	padding-left: 0px;
}

.img-wf-space {
	border-style: none;
	text-decoration: none;
	padding-left: 8px;
}

#wf-actions .drop-panel-box {
	width: 210px;
	z-index: 9999;
}

#wf-actions a:hover {
	color: #0090FF;
}

/*
  Notification widget and Tab
*/
.widgetHeader {
	padding: 1px 2px 1px 2px;
}

.col-left {
	padding: 0px;
}

.widget-notify-left {
	margin-top: 0px;
	margin-bottom: 1px;
	width: 115px;
}

.sub-pbar-tools {
	width: 100%;
	padding-top: 2px;
	vertical-align: top;
	padding-left: 3px;
}

.sub-pbar-spacer {
	background: url(../img/background/subbar_bg_black_spacer.png) scroll top
		left repeat-x;
		min-width: 2px;
}

.sub-pbar-ctrl {
	background: url(../img/background/subbar_bg_black_center.png) scroll top
		left repeat-x;
	min-width: 45px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	text-align: right;
}

.img-notify-unread {
	border-style: none;
	text-decoration: none;
	padding-left: 0px;
}

.img-notify-all {
	border-style: none;
	text-decoration: none;
	padding-left: 8px;
}

.refresh-ctrl {
	padding-left: 10px;
}

.goToTabLinkTd {
	width: 100%;
	vertical-align: top;
}

.goToTabLinkDiv {
	padding-left: 20px;
}

.goToTabLink {
	float: right;
	padding-top: 2px;
	padding-right: 2px;
}

.goToTabLinkImg {
	border-left: 1px dotted #807f84;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
}

.goToTabLinkText {
	color: #787878;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	/*	vertical-align: middle;*/
}

.widgetContent .headline {
	display: inline-block;
	font-weight: bold;
	color: #787878;

	padding-left: 11px;
	padding-top: 12px;
	height: 15px;
	padding-left: 11px;
}

.list-paging-fit span {
	font-style: normal;
	display: inline;
	padding-left: 0px;
}

.widgetFooter {
	background: url(../img/background/widget_footer_bg.png) repeat scroll;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	/*min-height: 5px;*/
	height: 18px;
	padding-top: 7px;
	padding-bottom: 4px;
}

.widgetContent {
	padding-left: 0px;
	padding-right: 0px;
}

/* Add padding so content does not overlap widget borders (which are backgound images).
Should be done at div.widget .widgetContentView instead as currently each widgets pads on its own. */
.widget-pnlTabbed {
    padding-left: 1px;
    padding-right: 1px;
}

.notify-img-td {
	text-align: center;
}

.notify-table {
	height: 34px;
}

.notify-td-bottom {
	vertical-align: bottom;
}

.notify-td-bottom-ext {
	padding-bottom: 4px;
}

.notify-td-right {
	width: 100%;
}

.notify-table-right {
	float: right;
	padding-top: 2px;
	padding-right: 16px;
}

.system-notify-bg {
	padding: 15px 25px 20px 25px;
	background-color: rgb(223, 225, 224);
	border-bottom: 1px solid #ACAEB4;
}

.system-notify-footer {
	padding-top: 20px;
}

.notification {
	border-top: 1px solid #FFFFFF;
	background-color: rgb(223, 225, 224);
}

.notification .headline {
	color: #525252;
	display: block;

	font-size: 12px;
	font-weight: bold;
	height: 22px;
}

.notificationDetail {
	background-color: #DFE1E0;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.notificationDetail .header {
	width: 100%;
	background-color: rgb(88, 92, 93);
}

.nd-r {
	padding-left: 10px;
}

.nd-r1 {
	padding-top: 10px;
}

.nd-r4 {
	padding-bottom: 5px;
}

.notificationDetail .headline {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}

.notificationDetail .keyword {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
}

.notificationDetail .value {
	color: #FFFFFF;
}

.notificationDetail .panel-bar-notify {
	background-color: #FFFFFF;
	border-top: 1px solid #E3E6E4;
	border-bottom: 1px solid rgb(201, 201, 201);
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.notificationDetail .panel-bar-notify .headline {
	padding-left: 10px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.notificationDetail .contentGrid {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid rgb(200, 202, 201);
	border-right: 1px solid rgb(200, 202, 201);
	border-bottom: 1px solid rgb(200, 202, 201);
	padding: 10px 10px 10px 10px
}

.notificationDetail .reportTable {
	width: 100%;
	border-bottom: 1px solid #C8CAC9;
}

.notifyTable {
	width: 100%;
	border-bottom: 1px solid #C8CAC9;
	border-right: 1px solid #C8CAC9;
}

.toDetail-td a:hover {
	color: #0090FF;
}

.lnkBack-div {
	position: relative;
	float:left;
	display: block;
	margin: 0px;
	padding-top: 12px;
}

.lnkBack-a {
	padding-left: 10px;
}

.lnkBack-span {
	color: #FFFFFF;
	position: relative;
	bottom: 4px;
	left: 4px;
}

.widgetBorderSpacer {
	margin-top: 1px;
	display: block;
	border-bottom: 1px solid #C8CAC9;
}

.notify-widget-emptyMsg {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	color: #787878;

	padding-left: 12px;
	padding-top: 20px;
	padding-bottom: 7px;
}

.notify-tab-emptyMsg {
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#notify-actions .drop-panel-box {
	width: 220px;
}

#notify-actions a:hover {
	color: #0090FF;
}

/* 	------------------
 *	project widgets
 *	------------------
 */
.wdg-header-right {
	background: url(../img/projectwidgets/wdg_header_right.png) scroll top
		right no-repeat;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	width: 25px;
	height: 41px;
}

.wdg-header-projects-left {
	background: url(../img/projectwidgets/wdg_projects_header_left.png)
		scroll top left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 35px;
	height: 41px;
}

.wdg-header-tasks-left {
	background: url(../img/projectwidgets/wdg_tasks_header_left.png) scroll
		top left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 35px;
	height: 41px;
}

.wdg-header-objects-left {
	background: url(../img/projectwidgets/wdg_objects_header_left.png)
		scroll top left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 35px;
	height: 41px;
}

.wdg-header-last-uploaded-left {
	background: url(../img/projectwidgets/wdg_last_uploaded_header_left.png)
		scroll top left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 35px;
	height: 41px;
}

.wdg-action-sub-header {
	border-left: 1px solid #CCCDCF;
	background: url(../img/projectwidgets/wdg_border_right.png) scroll top
		right repeat-y;
	background-color: #868C91;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 100%;
	height: 34px;
}

.wdg-action-sub-header-db {
	background-color: #868C91;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 34px;
}

.wdg-header {
	background: url(../img/projectwidgets/wdg_header.png) top left repeat-x;
	height: 41px;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

.wdg-header-content {
	margin-top: 11px;
	float: left;
	display: block;
	color: #7D7969;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

.wdg-content {
	border-left: 1px solid #CCCDCF;
	background: url(../img/projectwidgets/wdg_border_right.png) scroll top
		right repeat-y;
	width: 100%;
	margin: 0;
	padding: 0px;
	display: block;
	clear: left;
	float: left;
}

.wdg-footer-right {
	background: url(../img/projectwidgets/wdg_footer_right.png) scroll top
		right no-repeat;
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	width: 29px;
	height: 41px;
}

.wdg-footer-left {
	background: url(../img/projectwidgets/wdg_footer_left.png) scroll top
		left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 35px;
	height: 26px;
}

.wdg-footer {
	background: url(../img/projectwidgets/wdg_footer.png) top left repeat-x;
	height: 26px;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

/*
epaper
*/
.epaper-active-color {
	color: #FF9800;
}

.sidepane-div-hide {
	width: 0px;
	display: none;
}

.sidepane-td-right {
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.epaper-sub-pbar-content {
	padding: 0px;
}

.epaper-headline {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-top: 23px;
	padding-bottom: 13px;
	padding-left: 5px;
}

.infobar-ext {
	padding: 2px 2px 1px 8px;
}

.info-spacer { /*
	border-top: 1px solid #C4C5C7;
	border-bottom: 1px solid #E4E5E7;
	*/
	/*border-top: 1px solid #000000;*/
	border-bottom: 1px solid #C4C5C7;
	margin-left: 5px;
	margin-right: 15px;
	padding-top: 20px;
}

.search-in {
	height: 40px;
	padding-top: 0px;
	background-color: #E5E5E7;
}

.epaper-searchInput {
	min-height: 55px;
	padding-left: 10px;
	background-color: #E5E5E7;
}

.epape-nanme-span {
	font-weight: bold;
}

.widget-text {
	color: #787878;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
}

.widget-text-bold {
	color: #787878;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	max-width: 400px;
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.widget-tabbedContent {
	clear: both;
	display: block;
	background-color: #FFFFFF;
	padding: 0px;
}

div.widget-pnlTabbed div.tab-row {
	display: block;
	float: left;
	width: auto;
	border-bottom: 1px solid rgb(140, 140, 141);
}

div.widget-pnlTabbed div.tab-row ul {
	margin: 0;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;
}

div.widget-pnlTabbed div.tab-row li {
	display: inline;
	float: left;
	height: 30px;
	background: url(../img/background/tab_bg_inaktiv.png) scroll bottom
		right no-repeat;
}

div.widget-pnlTabbed div.tab-row li.selected {
	background: url(../img/background/tab_bg_aktiv.png) scroll bottom right
		no-repeat;
}

div.widget-pnlTabbed div.tab-row a {
	background-color: transparent;

	font-size: 11px;
	font-weight: bold;
	color: #929292;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: center;
	padding: 11px 5px 4px;
	display: block;
}

div.widget-pnlTabbed div.tab-row li.selected a {
	color: #FFFFFF;
}

.drop-zone-active {
	background: url("../img/background/header_bg_lb.png") repeat-x scroll left top transparent;
}

.drop-zone-slider-active {
	border: 2px dotted #000000;
}

.drop-zone-assets-active {
	border: 2px dotted #000000;
}

.drop-zone-hover {
	border: 2px solid #000000;
}

.drop-asset-zone-hover {
	border: 2px solid #000000;
}

.drop-slider-zone-hover {
	border: 2px solid #000000;
}


input[type=text][disabled],textarea[disabled],option[disabled],optgroup[disabled], select[disabled]{
	background-image: none;
	background-color: rgb(236, 236, 236);
	display: block;
	color: rgb(124, 124, 124);
	border-color: rgb(124, 124, 124);
	border-style: inset;
}
input[type=checkbox][disabled]{
	background-image: none;
	background-color: rgb(236, 236, 236);
	display: block;
	border-style: none;
}
input[type=image][disabled]{
	border-style: none;
	cursor: default; 
}
.upload-footer-table { /*border: 1px solid red;*/
	width: 500px;
	padding: 0px;
}

.upload-footer-table-td-left { /*border: 1px solid blue;*/
	width: 250px;
	padding: 0px;
}

.upload-footer-table-td-right { /*border: 1px solid green;*/
	width: 250px;
	padding: 0px;
}

.upload-footer-table-td-right-ext {
	padding-top: 10px;
}

.upload-choose-headline {
	padding-top: 10px;
}

.upload-userMsg {
	font-weight: bold;
}

.previewImgLast {
	border: 1px solid #C4C4C4;
}

.previewImgLastDiv {
	margin: 2px;
}

/* mediaproject */
.list-subsubheader-cell input[type=text] {
	width: 200px;
}

.list-subsubheader-cell textarea {
	width: 200px;
	height: 50px;
}

.container {
	width: 98%;
	min-width: 1000px;
	min-height: 500px;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #ACAEB4;
    overflow-y: auto;
    overflow-x: hidden;
}

table#name {
/*   width:20%; */
  width: 350px;
  float:left;
}

table#data {
  width:auto;
}

#wrap{
  position:absolute;
  left:390px;
  max-width: 72%;
  overflow: auto;
  overflow-y: hidden;
  float:left;
}

ul.makeMenu, ul.makeMenu ul {
  margin-top: 7px;            /* IE7 fix*/
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  z-index: 999;
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
   float:left;
   padding-left: 3px;

}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: -12px;                    /* position slightly lower than the parent menu item */
  left: -3px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index: 9999;
  color: #000;


}
ul.makeMenu li > ul > li  {
  position: relative;
  float:left;
  color: #000;
  height: 21px;

}

/*
ul.makeMenu ul.CSStoShow {      must not be combined with the next rule or IE gets confused
  display: block;               specially to go with the className changes in the behaviour file
}
*/



ul.makeMenu li:hover > ul {     /*one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul
                 makes the child block visible - one of the most important declarations*/
	display: block;
}

/* and some link styles */
ul.makeMenu li a { color: #000; display: block; width: 100%; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */


.actions_header{
	background: url(../img/background/bg_actions.png) scroll top left no-repeat;
	padding-left: 25px;
	padding-top: 6px;
	width: 140px;
	height: 18px;
	margin-left: 3px;
}

.actions_header_arrow{
	background: url(../img/background/bg_actions_arrow.png) scroll top left no-repeat;
	padding-left: 25px;
	padding-top: 6px;
	width: 140px;
	height: 18px;
	margin-left: 3px;
}

.actions_footer{
	background: url(../img/background/bg_actions_down.png) no-repeat;
	width: 180px;
  	height: 21px;
}

.actions_item{
	width: 164px;
  	height: 19px;
  	padding-left: 12px;
  	padding-top: 3px;
  	font-size: 10px;
  	background-color: #f7f7f7;
  	border-left: solid 1px #b5b5b5;
  	border-right: solid 1px #b5b5b5;
  	border-top: solid 1px #b5b5b5;
}


.panelHeader{
	position: relative;
	float: left;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "@Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.attributeHeader{
}

.infoHeader{
}

#task-actions a:hover {
	color: #0090FF;
}

.release-td-2 {
	max-width: 180px;
}


input[type=text]:focus, input[type=password]:focus {
	outline: 0 none;
}

.externalLink a:hover {
	color: #0688C4 !important;
}

.basketWidgetTabbed {
	border-bottom: 1px solid #C8CAC9;
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
}

.basketWidgetTabbedPanels {
	padding-right: 1px;
	border-style: none;
}

.one2editlogout {
	float: right;
	padding-right: 10px;
}

.on2editlogouttext{
	color: white;
}

.widget-basket-action-td {
	width: 27px;
	vertical-align: top;
}

.action-img-button
{
	height: 25px;
}

.action-img-button img
{
	vertical-align: middle;
	padding-bottom: 3px;
	padding-left: 3px;
}


.w_captionText{

	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
		"@Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 0.7em;
	color: #7EBAFF;
}
.follow-draggable{
	color: rgb(2, 144, 210);
	position:absolute;
	overflow:hidden;
	display: none;
	z-index:999;
	height:15px;
}

.follow-draggable-category{
	font-weight: bold;
	color: #6B6F73;
	
}

.follow-checkgroup-counter{
	font-weight: bold;
	color: #6B6F73;
}

.ui-draggable-dragging {
	/* Ensure that no line-breaks occur when dragging over the right edge of scrollable containers. */
    white-space: nowrap;
}

.attribute-key
{
	float: left;
	background-color: red;
}

.attribute-value
{
	float: left;
	background-color: blue;
}

.add-related-objects-cancel
{
	margin: 0 8px 8px 8px;
	background: url(../img/background/add_related_cancel.png) no-repeat;
	width: 135px;
  	height: 28px;
  	float:right;
  	display:table-cell;
}

.add-related-objects-add
{
	margin: auto;
	background: url(../img/background/add_related_add.png) no-repeat;
	width: 135px;
  	height: 28px;
  	float: right;
  	display:table-cell;
}

.add-related-objects-cancelLabel
{
	padding-top: 4px;
	padding-left:45px;
}

.add-related-objects-addLabel
{
	padding-top: 4px;
	padding-left:45px;
	color: #FFFFFF;
}

/* mediaprojects: task detail page */
.task-detail-panel
{
	background-color: #FFFFFF;
}

.task-detail-table
{
	width:100%;
}

.task-detail-cell
{
	border-bottom: 2px solid #E5E5E7;
    border-left: 1px solid #FFFFFF;
    border-right: 2px solid #E5E5E7;
    padding: 10px;
    vertical-align: top;
}

.item-value-detail
{
	float: left;
	display: block;
}

.item-value-detail input[type="text"], textarea, select
{
	width: 150px;
}

.ui-datepicker .ui-timepicker-div select.ui-timepicker-select {
	width:auto;
}

/* set readOnly field in gray */
[readOnly="readOnly"] {background-color: #ECECEC;}

table.unspacedTable {
	border-spacing:0;
}
table.unspacedTable td {
	padding:0;
	vertical-align:top;
}

table.attributes td {
	padding: 3px;
}

fieldset { 
	border: 1px solid #b6b6b6; 
    border-radius: 6px; 
    background: #f4f4f4; 
}

/* Fields to enter criteria when searching by attribute values for single attributes in left column (search panel). */
table.attribute-search-field-panels {
	width:100%;
}
table.attribute-search-field-panels .attribute-search-field-panel {
	text-align:right;
}
table.attribute-search-field-panels .attribute-search-field-panel-remove {
	width:20px;
}

.projectSearchLabelCounter
{
	margin-left: 50px;
	text-align: right;
	float: right;
}