/* Styles global to every pagebloom site */

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

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

.accountHeader a {
	color: #000000;
}

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

/* Need to make the account menu fairly compact */
.accountHeader .loginSubpanel th, 
.accountHeader .loginSubpanel td,
.accountHeader .loginSubpanel caption
{
	padding: 0px 0px 2px 2px;
}


.loginSubpanel
{
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 36px;
}

.loginSubpanel a.system_tooltip { padding: 0px; }
.loginSubpanel a.system_tooltip span { display: none; }
.loginSubpanel a.system_tooltip:hover span
{
	font-size: 7pt;
	padding: 5px;
	line-height: 1em;
	display: block;
	position: absolute;
	z-index:100;				    
	top: 32px; right: 55px;
	width: 100px;
	border: 1px solid #6F6F6F;
/*	border-top: 0px solid #FFFFFF; */
	background-color: #FFFFFF;
	color: #6F6F6F;
	text-align: left;
}

a.pagebloom_tooltip { padding: 0px; }
a.pagebloom_tooltip span { display: none; }
a.pagebloom_tooltip:hover span
{
	font-size: 7pt;
	padding: 5px;
	line-height: 1em;
	display: block;
	position: absolute;
	z-index:100;				    
	top: 32px; right: 5px;
	width: 50px;
	border: 1px solid #6F6F6F;
/*	border-top: 0px solid #FFFFFF; */
	background-color: #FFFFFF;
	color: #6F6F6F;
	text-align: left;
}

/* 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;
}