/* Styles global to every pagebloom site. */

@import url('/pagebloom/css/icofont/icofont.min.css');
@import url('/pagebloom/css/bootstrap/pb-bootstrap.css');


/* Account panel */
.accountHeader {
	background-color:white;
	height: 40px;
	/*border-bottom: 1px solid #C0C0C0;*/
	line-height:34px;
}

.accoundHeader p {
	margin: 5px;
	color: #000000;
}

.accountHeader a {
	color: #000000;
}

.accountHeader a:hover 
{
	background: none;
	color: #0000FF;
}

.systemPanel
{
	border-bottom: 1px solid #C0C0C0;
	height: 36px;
	background-color: white;
}

.userAccountMenu
{
	float: right;
	line-height:34px;
	margin: 0px 10px 0px 0px;
}


.loginSubpanel
{
	overflow: hidden;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 36px;
	float: right;
	line-height:34px;
}

.loginSubpanel a
{
	font-weight: bold;
}

/* Tooltips */
a.system_tooltip
{
	padding: 0px 10px 0px 0px;
	float: right;
}

a.system_tooltip img
{
	position:relative;
	top:4px;
	// if we specify width and height here IE doesn't display the image at all!!!
}

.tooltip.top .tooltip-inner {
    background-color:orange;
}
.tooltip.top .tooltip-arrow {
          border-top-color: orange;
}

/* Set up a consistent look and feel for the modalPanel div inside modal dialogs regardless of which site is being viewed */
.modalPanel { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 90%; }
.modalPanel h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
.modalPanel h1 img { margin: 0; }
.modalPanel h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }
.modalPanel h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.modalPanel h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
.modalPanel h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
.modalPanel h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }
.modalPanel h2 img, .modalPanel h3 img, .modalPanel h4 img, .modalPanel h5 img, .modalPanel h6 img { margin: 0; }
.modalPanel p { margin: 0 0 1.5em; }
.modalPanel p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.modalPanel p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
.modalPanel a { text-decoration: underline; color: #000099; }
.modalPanel a:visited { color: #000066; }
.modalPanel a:focus { color: black; }
.modalPanel a:hover { color: black; }
.modalPanel a:active { color: #cc0099; }
.modalPanel blockquote { margin: 1.5em; color: #666; font-style: italic; }
.modalPanel strong { font-weight: bold; }
.modalPanel em { font-style: italic; }
.modalPanel dfn { font-style: italic; font-weight: bold; }
.modalPanel sup, .modalPanel sub { line-height: 0; }
.modalPanel abbr, .modalPanel acronym { border-bottom: 1px dotted #666; }
.modalPanel address { margin: 0 0 1.5em; font-style: italic; }
.modalPanel del { color: #666; }
.modalPanel pre { margin: 1.5em 0; white-space: pre; }
.modalPanel pre, .modalPanel code, .modalPanel tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
.modalPanel li ul, .modalPanel li ol { margin: 0 1.5em; }
.modalPanel ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
.modalPanel ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
.modalPanel dl { margin: 0 0 1.5em 0; }
.modalPanel dl dt { font-weight: bold; }
.modalPanel dd { margin-left: 1.5em; }
.modalPanel table { margin-bottom: 1.4em; width: 100%; }
.modalPanel th { font-weight: bold; }
.modalPanel thead th { background: #c3d9ff; }
.modalPanel th, .modalPanel td, .modalPanel caption { padding: 4px 10px 4px 5px; }
.modalPanel tr.even td { background: #e5ecf9; }
.modalPanel tfoot { font-style: italic; }
.modalPanel caption { background: #eee; }
.modalPanel .quiet { color: #666666; }
.modalPanel .loud { color: #111111; }

.modalPanel .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
.modalPanel div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; }
.modalPanel div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; }
.modalPanel hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
.modalPanel hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; background: #fff; color: #fff; }

.modalPanel { background-color: #FFF; }
.modalPanel .clear { clear: both; }
.modalPanel .nowrap { white-space: nowrap; }
.modalPanel .clearfix { overflow: hidden; display: inline-block; }
.modalPanel .clearfix { display: block; }
.modalPanel .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.modalPanel .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.modalPanel .first { margin-left: 0; padding-left: 0; }
.modalPanel .last { margin-right: 0; padding-right: 0; }
.modalPanel .top { margin-top: 0; padding-top: 0; }
.modalPanel .bottom { margin-bottom: 0; padding-bottom: 0; }
.modalPanel .showgrid { background: url('/images/grid.png?'); }
.modalPanel .error { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.modalPanel .error a { color: #8a1f11; }
.modalPanel .notice { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
.modalPanel .notice a { color: #514721; }
.modalPanel .success { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
.modalPanel .success a { color: #264409; }
.modalPanel .hide { display: none; }
.modalPanel .highlight { background: yellow; }
.modalPanel .added { background: #006600; color: white; }
.modalPanel .removed { background: #990000; color: white; }

.modalPanel form label { font-weight: bold; }
.modalPanel form fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
.modalPanel form legend { font-weight: bold; font-size: 1.2em; }
.modalPanel form input.text, .modalPanel form input.title, .modalPanel form input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
.modalPanel form input.title { font-size: 1.5em; }
.modalPanel form input[type=checkbox], .modalPanel form input.checkbox, .modalPanel form input[type=radio], .modalPanel form input.radio { position: relative; top: 0.25em; }
.modalPanel form textarea { margin: 0.5em 0; padding: 5px; }
.modalPanel form select { margin: 0.5em 0; }
.modalPanel form fieldset { border: 1px solid #cccccc; }
.modalPanel form input.text, .modalPanel form input.title, .modalPanel form textarea, .modalPanel form select { border: 1px solid #bbbbbb; }
.modalPanel form input.text:focus, .modalPanel form input.title:focus, .modalPanel form textarea:focus, .modalPanel form select:focus { border: 1px solid #666666; }
.modalPanel form input.text, .modalPanel form input.title { width: 300px; }
.modalPanel form textarea { width: 390px; height: 250px; }



/* TAB PANEL STYLES */

div.tabpanel div.tab-row{
  float:left;
  width:100%;
  background:#DAE0D2 url("tabs/bg.gif") repeat-x bottom;
  line-height:normal;
  }

div.tabpanel div.tab-row ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
div.tabpanel div.tab-row li {
  float:left;
  background:url("tabs/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
  
div.tabpanel div.tab-row a {
  display:block;
  background:url("tabs/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
  color:#eee;
  }
  
div.tab-panel {
	clear: left;
}
  
div.tabpanel div.tab-row a:hover {
  color:#fff;
  }
  
div.tabpanel div.tab-row li.selected {
  background-image:url("tabs/left_on.gif");
  }
  
div.tabpanel div.tab-row li.selected a {
  background-image:url("tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
 
/* VARIATION 1 TAB PANEL STYLES */
div.tabpanel1 div.tab-row{
  float:left;
  width:100%;
  background:#DAE0D2 url("tabs1/bg.gif") repeat-x bottom;
  line-height:normal;
  }

div.tabpanel1 div.tab-row ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
div.tabpanel1 div.tab-row li {
  float:left;
  background:url("tabs1/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
  
div.tabpanel1 div.tab-row a {
  display:block;
  background:url("tabs1/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  white-space:nowrap;
  }
  
div.tabpanel1 div.tab-row a:hover {
  color:#333;
  }
  
div.tabpanel1 div.tab-row li.selected {
  background-image:url("tabs1/left_on.gif");
  }
  
div.tabpanel1 div.tab-row li.selected a {
  background-image:url("tabs1/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
/* TABBED PANEL VARIATION 2 */
div.tabpanel2 div.tab-row {
  float:left;
  width:100%;
  background:#369 url("tabs2/bg.gif") repeat-x bottom;
  font-size:85%;
  line-height:normal;
  }
div.tabpanel2 div.tab-row ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
div.tabpanel2 div.tab-row li {
  float:left;
  background:url("tabs2/right.gif") no-repeat right top;
  margin:0;
  padding:0 5px 0 0;
  }
div.tabpanel2 div.tab-row a {
  float:left;
  display:block;
  background:url("tabs2/left.gif") no-repeat left top;
  padding:5px 7px 4px 20px;
  text-decoration:none;
  font-weight:bold;
  color:#9cf;
  white-space:nowrap;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.tabpanel2 div.tab-row a {float:none;}
/* End IE5-Mac hack */
div.tabpanel2 div.tab-row a:hover {
  color:#fff;
  }
div.tabpanel2 div.tab-row li.selected {
  background-image:url("tabs2/right_on.gif");
  }
div.tabpanel2 div.tab-row li.selected a {
  background-image:url("tabs2/left_on.gif");
  color:#333;
  padding-bottom:5px;
  }

/* TABBED PANEL VARIATION 3 */
div.tabpanel3 div.tab-row {
  float:left;
  width:100%;
  background:#eee url("tabs3/bg.jpg") repeat-x top;
  line-height:normal;
  }
div.tabpanel3 div.tab-row ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
div.tabpanel3 div.tab-row li {
  float:left;
  background:url("tabs3/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 28px;
  }
div.tabpanel3 div.tab-row a {
  float:left;
  display:block;
  background:url("tabs3/right.gif") no-repeat right top;
  padding:9px 28px 4px 0px;
  text-decoration:none;
  font-weight:bold;
  color:#92A2AC;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.tabpanel3 div.tab-row a {float:none;}
/* End IE5-Mac hack */
div.tabpanel3 div.tab-row a:hover {
  color:#A56060;
  }
div.tabpanel3 div.tab-row li.selected {
  background-image:url("tabs3/left_on.gif");
  }
div.tabpanel3 div.tab-row li.selected a {
  background-image:url("tabs3/right_on.gif");
  color:#A56060;
  }



div.tabpanel4 div.tab-row ul {
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url( tabs4/tab_bottom.gif ) repeat-x bottom;
}

div.tabpanel4 div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.tabpanel4 div.tab-row a:link, div.tabpanel4 div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.tabpanel4 div.tab-row li.selected a:link, div.tabpanel4 div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

div.tabpanel4 div.tab-row a:hover {
    background: #fff;
}



/* pagebloom placement classes */
.pb-pos-left 
{
	float: left;
	margin: 25px 25px 25px 0px;
}

.pb-pos-left-top 
{
	float: left;
	margin: 0px 25px 25px 0px;
}

.pb-pos-right 
{
	float: right;
	margin: 25px 0px 25px 25px;
}

.pb-pos-right-top 
{
	float: right;
	margin: 0px 0px 25px 25px;
}


/* Wicket Feedback message colours */
.feedbackPanelINFO {
	color: green;
}
.feedbackPanelERROR {
	color: red;
}

/* inmethod grid styles */
/*
div.imxt-vista tr.imxt-odd, div.imxt-vista tr.imxt-even {
    background-color: black;
}

div.imxt-vista tr.imxt-odd {
}

table.imxt-body tr.imxt-odd {
    background: none repeat scroll 0 0 black;
}

div.imxt-vista tr.imxt-even {
    background-color: black;
}

table.imxt-body tr.imxt-even {
    background: none repeat scroll 0 0 black;
}

.imxt-selectable table.imxt-body tr.imxt-grid-row tr.imxt-selected td.imxt-cell div {
    background-color: black;
}
*/

div.imxt-container1 {
	overflow: hidden;
	width: 100%;	
}

/* in case the grid is placed in another table make sure that it's all in table-layout:fixed */
table.imxt-container-table {
	table-layout:fixed; 
	padding:0px;
	margin:0px;
	border-collapse: collapse;
	width: 100%;
}

table.imxt-container-table tr.imxt-container-table {
	margin: 0px;
	padding: 0px;
}

table.imxt-container-table td.imxt-container-table {
	margin: 0px;
	padding: 0px;
	width: 100%;	
}

div.imxt-head-container2 {
	overflow:scroll;
}

div.imxt-head-container2 {
	overflow: hidden;
	width: 100%;
	position: relative;
}

table.imxt-head,
table.imxt-body {
	table-layout: fixed;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table.imxt-head th a.imxt-sort-header {
	display: block;
	text-decoration: none;
	overflow: hidden;
}

table.imxt-head th a.imxt-sort-header-asc div.imxt-sort-header1 {
	background-image: url("img/sort_asc.gif");
	background-repeat: no-repeat;
	background-position: right;
		
}

table.imxt-head th a.imxt-sort-header-desc div.imxt-sort-header1 {
	background-image: url("img/sort_desc.gif");
	background-repeat: no-repeat;
	background-position: right;
	
}

table.imxt-head th {	
    padding: 0px;
    margin: 0px;    
    cursor: default;    
}

table.imxt-head tr.imxt-columns th * {
	white-space: nowrap;
}

table.imxt-head th a.imxt-handle {
	position:absolute; 
	width: 5px; 
	height: 400px;         		
	right: 0px;
	_right: -1px;
	top: 0px;	
	cursor: e-resize !important;        	        		
	display: block;
	padding: 0px;
	margin: 0px;
	
	/* this is necessary for IE */
	background-color: black;
	opacity: 0;
	filter: alpha(opacity=0);	        
}

table.imxt-head tr.imxt-prelight a.imxt-handle {
	opacity: 0.05; 
	filter: alpha(opacity=5); 	
	
}
table.imxt-head tr.imxt-prelight th.imxt-prelight a.imxt-handle {
/*	opacity: 0.2; 
	filter: alpha(opacity=20); */ 		
}

table.imxt-head tr.imxt-prelight th a.imxt-handle:hover, 
table.imxt-head tr.imxt-prelight th.imxt-dragging a.imxt-handle {
	opacity: 0.1; 
	filter: alpha(opacity=10);	
	
}

table.imxt-head tr.imxt-dragging * {
	cursor: e-resize;
}

th.imxt-padding,
td.imxt-padding {
	border-right-width: 0px !important;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 100%;
}

table.imxt-head th div.imxt-a {
	position: relative;	
	overflow: hidden;
}

table.imxt-head th div.imxt-b {
	overflow: hidden;
	width: 100%;
}

div.imxt-body-container1 {
	overflow: auto;
}

table.imxt-body td {
	overflow: hidden;
    padding: 0px;
    margin: 0px;
}

table.imxt-body tr.imxt-empty-row td {
	border-right: 1px none black;

}

table.imxt-body tr.imxt-empty-row * {			
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;	
	padding: 0px !important;
	margin: 0px !important;
}


a#imxt-arrow-up,
a#imxt-arrow-down {
	z-index: 99999;
	display: block;
	position: absolute;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat; 	
}

a#imxt-arrow-up {	
	background-image: url("img/arrow_up.gif"); 	
}

a#imxt-arrow-down {
	background-image: url("img/arrow_down.gif");
}

div#imxt-drag-proxy {
	border-top: 1px solid #81B9CF;
	border-bottom: 1px solid #81B9CF;
	opacity: 0.3;
	filter: alpha(opacity=30);
	position: absolute;
	z-index: 99999;
}
div#imxt-drag-proxy1 {
	background-color: #E3F7FF;
	border-left: 1px solid #81B9CF;
	border-right: 1px solid #81B9CF;
}

div#imxt-resize-proxy {
	padding: 0px;
	margin: 0px;
	width: 2px;
	/*
	opacity: 0.3;
	filter: alpha(opacity=30);
	*/
	position: absolute;
	z-index: 99999;
	background-color: #95D7EF;
}

div.imxt-wrap div,
div.imxt-wrap {
	white-space: normal;
	overflow: hidden;
}

div.imxt-nowrap div,
div.imxt-nowrap {
	white-space: nowrap;
	overflow: hidden;
}

table.imxt-tree-content {
	border-collapse: collapse;
	empty-cells: show;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

table.imxt-tree-content td.imxt-main {
	width: 100%;
}

table.imxt-tree-content,
table.imxt-tree-content td,
table.imxt-tree-content tr,
table.imxt-tree-content th {
	padding: 0px;
	margin: 0px;
}

table.imxt-tree-content td.imxt-spacer {
	width: 18px;
	height: 100%;
}

table.imxt-tree-content td.imxt-spacer span {
	display: block;
	width: 18px;
	height: 18px;
}


table.imxt-tree-content a.imxt-junction-open,
table.imxt-tree-content a.imxt-junction-closed {
	width: 16px;
	height: 16px;
	display: block;	
	margin: 1px; padding: 0px; border-width: 0px;
	-moz-outline: none;
}

table.imxt-tree-content a.imxt-junction-open,
table.imxt-tree-content a.imxt-junction-closed {
	background-image: url("img/tree-arrows.gif");
	background-repeat: no-repeat;
}

table.imxt-tree-content a.imxt-junction-open {
	background-position: -32px 0px;
}

table.imxt-tree-content a.imxt-junction-open:hover {
	background-position: -48px 0px;
}

table.imxt-tree-content a.imxt-junction-closed {
	background-position: 0px;
}

table.imxt-tree-content a.imxt-junction-closed:hover {
	background-position: -16px;
}

img.imxt-tree-icon {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}

table.imxt-head div.imxt-select-container {
	text-align: center; 
	padding-right: 0.2em; 
	overflow: hidden; 
	vertical-align: middle; 
	height: 1.2em;
}

table.imxt-body div.imxt-select-container {
	text-align: center; 
	padding-right: 0.2em;
}

div.imxt-ie table.imxt-head div.imxt-select-container1 {
	margin-top: -0.2em;
}

div.imxt-ff table.imxt-head div.imxt-select-container1 {
	margin-top: -0.1em;
}

.imxt-selectable table.imxt-body tr div {
	cursor: default;
}

.imxt-selectable tr div a {
	cursor: pointer;
}

div.imxt-navigator-toolbar {
	background-color: #fcfcfc;
	padding-left: 0.4em;
}

div.imxt-top-toolbar-container div.imxt-navigator-toolbar {
	border-bottom: 1px solid #eee;
}

div.imxt-bottom-toolbar-container div.imxt-navigator-toolbar {
	border-top: 1px solid #eee;
}

div.imxt-paging-navigator {
	overflow:hidden;
	_height: 0.1%;
	padding-top: 0.1em;
	padding-bottom: 0.1em;	
	float:left;		
}
div.imxt-paging-navigator em {
	font-style: normal;
	display: block;			
	color: #aaa;		
}
div.imxt-paging-navigator .imxt-navigator-float {
	float: left;			
}
.imxt-paging-navigator-button {
	padding: 0.0em 0.3em;
	border: 1px solid transparent;
	_border: 1px solid #FCFCFC;	
}
a.imxt-paging-navigator-button {
	text-decoration: none;
	color: black;
	-moz-outline: none;
}
	
span.imxt-navigator-float span.imxt-paging-navigator-button {
	border: 1px solid #95D5EF;
	background-color: #E3F7FF;
	margin: 0px;			
}

span.imxt-navigator-float span.imxt-paging-navigator-button em {
	color: black;
}

a.imxt-paging-navigator-button:hover {			
	background-color: #EFFAFF;
	border: 1px solid #CFF1FF;
	margin: 0px;
}

div.imxt-no-records-toolbar {
	padding: 1em;
}

td.imxt-no-padding-cell {
	padding: 0px !important;
}

div.imxt-edit img {	
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;	
}

div.imxt-edit a.imxt-edit-submit img {
	margin-right: 4px;
}

form.imxt-form {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

fieldset.imxt-fieldset {
	border-width: 0px;
	margin: 0px;
	padding: 0px;	
}

td.imxt-success
{
	color: #00A000;
}

td.imxt-error
{
	color: #E00000;
}

.pb-datefix input, .pb-datefix select {
    width: auto;
}

/* Product tree styling */
.tree-theme-windows .product-category-closed {
	padding-left: 18px;
	background-image: url('icons/product-category-closed.png');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .physical-attributes-explicit .icon {
	padding-left: 18px;
	background-image: url('icons/package_green.png');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .physical-attributes-variant .icon {
	padding-left: 18px;
	background-image: url('icons/package_pvr.png');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .physical-attributes-inherited .icon {
	padding-left: 18px;
	background-image: url('icons/package_go.png');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .physical-attributes-none .icon {
	padding-left: 18px;
}

/* Unstyled links - allows us to make whole of content items selectable without changing styling */
.link-unstyled {
  color: inherit;
  text-decoration: inherit;
}

.link-unstyled:link {
  color: inherit;
  text-decoration: inherit;
}

.link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}

/* Non-italicised disabled links, counters Wicket <em> injection */
.plain-disabled-link em {
	font-style: normal;
}

/* Access-controlled folder styling */
.tree-theme-windows .tree-folder-open-restricted {
	padding-left: 18px;
	background-image: url('icons/tree-folder-open-restricted.gif');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .tree-folder-open-restricted-inherited {
	padding-left: 18px;
	background-image: url('icons/tree-folder-open-restricted-inherited.gif');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .tree-folder-closed-restricted {
	padding-left: 18px;
	background-image: url('icons/tree-folder-closed-restricted.gif');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

.tree-theme-windows .tree-folder-closed-restricted-inherited {
	padding-left: 18px;
	background-image: url('icons/tree-folder-closed-restricted-inherited.gif');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

/*
Vertically centers divs in bootstrap

Make sure the common hack
        </div><!--
     --><div>

is used between divs to prevent overflow. Without the comment the newline+tabs get treated as
white space and added to the width, overflowing the 12 column width and so causing wrapping

This class must be defined after bootstrap classes have been defined i.e. import this .css file after
the bootstrap one. We have recently changed the ordering of .css files such that global.css is now
imported after the relevant bootstrap template css file.
*/

.pb-vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.processes-filter {
  margin-bottom: 5px;
}



/*
CkEditor inside a form needs to use delayed loading but we need to set up height beforehand and height is different
per device size
*/

.ck-editor-container {
	height: 304px;
}

@media only screen and (max-width: 767px) {
	.ck-editor-container {
		height: 420px;
	}
}


/* panel that takes roughly half height of screen */
.tree-panel-half {
	overflow-x: hidden;
	max-height: 50vh;
	overflow-y: scroll;
}

/* panel that takes roughly 2/3 height of screen */
.tree-panel-two-thirds {
	overflow-x: hidden;
	max-height: 66vh;
	overflow-y: scroll;
}