/* @override 
	https://www.balancedo.dev/cgi-bin/WebObjects/FirstHELM.woa/-54000/wr/wodata=/Users/michael/Developer/wo54workspace/Common/EFWOFoundation/build/EFWOFoundation.framework/WebServerResources/css/common.css
	https://localhost/cgi-bin/WebObjects/FirstHELM.woa/-54000/wr/wodata=/Users/michael/Developer/wo54workspace/Common/EFWOFoundation/build/EFWOFoundation.framework/WebServerResources/css/common.css
	https://www.balancedo.dev/cgi-bin/WebObjects/FirstHELM.woa/-5400/wr/wodata=/Users/michael/Developer/wo54workspace/Common/EFWOFoundation/build/EFWOFoundation.framework/WebServerResources/css/common.css
	http://192.168.1.100/cgi-bin/WebObjects/DiaperBOIS.woa/-54444/wr/wodata=/Users/michael/Developer/wo54workspace/Common/EFWOFoundation/build/EFWOFoundation.framework/WebServerResources/css/common.css
*/

a {
	outline: none; /* remove firefox outline */
}



.noborder {
	margin: 0;
	padding: 0;
	border: none;
}

.right{
	text-align: right;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}

div.right, span.right{
	float: right;
}
div.left, span.left{
	float: left;
}  
.notification ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.notification li{
	list-style: none;
}
.prepend-top-half {margin-top:0.5em;}
.append-bottom-half {margin-bottom:0.5em;}

textarea.short {
	height: 50px;
}


/* @group Pagination */

.paginatorContainer {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.paginator {
	font-size: 12px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.paginator a {
	color: #4a87c9;
	padding: 2px 6px;
	border: solid 1px rgb(208, 208, 208);
	background: rgb(255, 255, 255);
	text-decoration: none;
}

.paginator a:visited {
	color: #4a87c9;
	padding: 2px 6px;
	border: solid 1px rgb(208, 208, 208);
	background: rgb(255, 255, 255);
	text-decoration: none;
}

.paginator .paginatorAtStart {
	margin-right: 20px;
	padding: 2px 6px;
	background: rgb(255, 255, 255);
	color: rgb(160, 160, 160);
}

.paginator .paginatorPrev {
	margin-right: 20px;
	padding: 2px 6px;
	border: solid 1px rgb(208, 208, 208);
	background: rgb(255, 255, 255);
}

.paginator .paginatorBreak {
	padding: 2px 6px;
	border: none;
	background: rgb(255, 255, 255);
	text-decoration: none;
}

.paginator .paginatorNext {
	margin-left: 20px;
	padding: 2px 6px;
	border: solid 1px rgb(208, 208, 208);
	background: rgb(255, 255, 255);
}

.paginator .paginatorAtEnd {
	margin-left: 20px;
	padding: 2px 6px;
	background: rgb(255, 255, 255);
	color: rgb(160, 160, 160);
}

.paginator .paginatorCurrentPage {
	padding: 2px 6px;
	border: 1px solid rgb(144, 144, 144);
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
	background: rgb(255, 255, 255);
	color: #4a87c9;
}

.paginator a:hover {
	color: rgb(255, 255, 255);
	background: #4a87c9;
	border-color: #315c8a;
	text-decoration: none;
}

.paginatorContainer .paginatorResults {
	text-align: center;
	font: 11px/15px Arial, Helvetica;
	color: rgb(160, 160, 160);
	margin-top: 8px; 
}

.paginatorContainer .paginatorBatchSizes {
	text-align: center;
	font: 11px/15px Arial, Helvetica;
	margin-top: 8px; 
}

.paginatorBatchSizeList {
	font-weight: bold;
}

.paginatorBatchSizes a {
	color: #4a87c9;
	padding: 2px 6px;
	border: solid 1px rgb(208, 208, 208);
	background: rgb(255, 255, 255);
	font-weight: plain;
	text-decoration: none;
}

.paginatorBatchSizes a:hover {
	color: rgb(255, 255, 255);
	background: #4a87c9;
	border-color: #315c8a;
	text-decoration: none;
}

.paginatorBatchSizes .paginatorCurrentPage {
	padding: 2px 6px;
	border: 1px solid rgb(144, 144, 144);
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
	background: rgb(255, 255, 255);
	color: #4a87c9;
}


/* @end */
/* ----- AJAX TABBED PANNEL ----- */

table.ERXMatrixTable
{
	width: auto;
	margin: 0;
	padding: 0;
}

.tabSet{
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

.tabSet ul{
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	z-index: 5;
	top: 1px;
}

.tabSet li{
	margin: 0px;
	padding: 0px;
	display: inline;
	
}
.tabSet a{
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 110%;
	padding: 5px;
	border-width: 0;
	border-style: none;
}
.tabSet a:hover {

}
.tabSet li.selected a{
	color:#3a3a3a;
	background-color: #fff;
	border-bottom-style: none;
	border: 1px solid #e6e6e6;
	border-bottom-width: 0;
}

/* @group TabbedPannel */

ul.ajaxTabbedPanel:after{
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; 
   }
    
ul.ajaxTabbedPanel{
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

html[xmlns] ul.ajaxTabbedPanel {
    display: block; }

* html ul.ajaxTabbedPanel {
    height: 1%; }



ul.ajaxTabbedPanel li{
	margin: 0px;
	padding: 0px;
	display: inline;
	
}
ul.ajaxTabbedPanel a{
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 110%;
	padding: 5px;
	border-width: 0;
	border-style: none;
	
	position: relative;
	z-index: 5;
	top: 1px;
}
ul.ajaxTabbedPanel a:hover {

}
ul.ajaxTabbedPanel li.ajaxTabbedPanelTab-selected a{
	color:#3a3a3a;
	background-color: #fff;
	border-bottom-style: none;
	border: 1px solid #e6e6e6;
	border-bottom-width: 0;
}

.ajaxTabbedPanelPanes {
  /*width: 97%;
  padding-left: 0px;
  margin: 0 2% 2%;*/
  margin:0;
  padding: 0;
  min-height: 300px;
  overflow: auto;
  
}

.ajaxTabbedPanelPane-selected {
  list-style-type: none;
  display: block;
  /*padding: 10px;*/
}

.ajaxTabbedPanelPane-unselected {
  list-style-type: none;
  display: none;
}

/* @end */

/* ----- ALERTS ----- */

.dismissable {
	position: relative;
	min-width: 0;
}
.dismissable .dismissLink {
	position: absolute;
	float: left;
	top: 5px;
	right: 10px;
	margin: 0;
	padding: 0;
}


.whatsthis, .info, .warning, .error, .notice, .success 
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

.notice, .warning  { 
 	background: #FFF6BF url(../images/icons/large-warning.gif) no-repeat 15px;
 	margin: 15px 0 20px; 
 	padding: 14px 10px 10px 65px;
 	border-color: #f1df95
 }
.error{
	background: #fbe3e4 url(../images/icons/alert-failure.gif) no-repeat 15px;
	padding-left: 44px;
	border-color: #ff9b8e;
}
label.error{
	border: none;
	padding: 0px 20px 0px 0px;
	margin: 0;
	background-position: right;
}
.info {
	background: #ebeeff url(../images/icons/info_32.gif) no-repeat 15px;
 	margin:15px 0 20px 0; 
 	padding:14px 10px 10px 65px;
	border-color: #cdcbff;
}
.success {
	background:#e1ffd1 url(../images/icons/alert-success.gif) no-repeat 15px; 
	padding-left:44px;
	border-color: #bdd8b1;
}
.whatsthis {
	background: #fff7e5 url(../images/icons/question_32.png) no-repeat 15px; 
	padding: 14px 10px 10px 65px;
	border-color: #efdf6a;
}

.whatsthis a, .error a, .info a, .success a, .warning a, .notice a{
	text-decoration: underline;
}
.error a {color:#8a1f11;}
.notice a, .warning a {color:#514721;}
.success a {color:#264409;}
.whatsthis a {
	color: #8b7900;
}
.info a{
	
}

.whatsthis h1, .notice h1, .warning h1, .error h1, .info h1, .success h1,
.whatsthis h2, .notice h2, .warning h2, .error h2, .info h2, .success h2,
.whatsthis h3, .notice h3, .warning h3, .error h3, .info h3, .success h3
{font-size: 16px; color:#454131; margin:0; padding: 0 0 2px;}

.whatsthis p, .notice p, .warning p, .error p, .info p, .success p {color:#83827c; margin: 0px;}

/* ----- BUTTONS ----- */


/* @group Buttons */


input.actionButton{
	background-color: #dedede;
	border: 1px solid #757575;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
input.actionButton:hover{
	background-color: gray;
}

/* @end */

/* @group TableActions */

td.checkCol, th.checkCol{
	width: 20px;
	text-align: left;
}

div.tableActions{
	padding: 5px 12px;
	border: 1px solid #e6e6e6;
	background-color: #f3f3f3;
}
div.tableActions ul.actionList{
	margin: 0;
	padding: 0;
	min-height: 25px;
	list-style: none;
	padding-left: 30px;
	background: url(../images/icons/action_arrow.png) no-repeat 0 7px;
}
div.tableActions ul.actionList li{
	display: inline;
}

div.tableActions div.search{
	position: relative;
}

div.search .showSearch{
	float: right;
}
div.search .hideSearch{
	display: none;
	float: right;
}
div.search .expanded .showSearch{
	display: none;
}

div.search .expanded .hideSearch{
	display: block;
}

a.expansion .show
{
	
}
a.expansion .hide
{
	display: none;
}

a.expansion.expanded .show
{
	display: none;
}
a.expansion.expanded .hide
{
	display: block;
}
/* @end */




/* @group Filter */


.filter{
	
}

ul.filter{
	list-style: none;	
	margin: 0;
	padding: 0;
}

ul.filter li{
	float: left;
	margin-right: 5px;
}
ul.filter li.label{
	display: block;
	font-weight: bold;
	padding: 0px 5px 0px 0;
}
ul.filter li a{
	display: block;
	padding: 0px 5px;
	text-decoration: underline;
	border-radius:9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
ul.filter li a:hover{
	display: block;
	background-color: #91b4d4;
	color: #fff;
	text-decoration: none;
}
ul.filter li.selected a{
	text-decoration: none;
	background-color: #4a87c5;
	color: white;
}

/* @end */