/*  ****************************************************** 
	eonworx base CSS for page layout templates
	******************************************************  */

 /*		GLOBAL DEFAULTS		*/

/*  default 0px margin and padding on everything  */
body, table, td, form, button, .checkbox {
	margin: 0px;
	padding: 0px;
} 

body  {
	height: 100%;  /* Body must be explicitly told 100% height to allow contained boxes to expand 100% */	
	background-color: #FFFFFF;
}


hr, table  {	
	width: 100%;	/* many items need to extend fully horizontally so default table width setting is 100% */
}

.compressedmin {  /* this is to adjust layout of tables with few columns that spread across page when width is set to 100%  */
width: 70%;
}

.compressed {
width: 50%
}

.compressedmax {
width: 25%;
}

.nowrap {  /*  added 2002-04-20 edr this may change soon  */
white-space: nowrap;
}

td {
	vertical-align: top;
}

ul {
	margin-bottom: 0px;
}


/*		 DEFAULT TEXT & LINKS		*/
body, td {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

a {
	color: #0000cc;
	text-decoration: none;
}

img {
	border: 0px;
}


/*		BLANK PAGE		*/

div.blankpage { /*  this is the style for the default blank page in the detail frame */
	width: 100%;
	margin: 20px;
	text-align: center;
	font-style: italic;
}

/*		TITLEBAR		*/

.titlebar, .titlebar div, .titlebar td {    /*  this is the style top title area of each page that have titles  */
	background-color: #999999;
	color: #ffffff;
	padding: 2px;
	padding-top: 3px;
}

.title {  /*  this is the top title text style  */
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-transform : uppercase;
	white-space: nowrap;
	margin-bottom: 2px;
}

/*   TOOLFRAME COMPONENTS  these are new styles added 2002-04-16  edr */

.breadcrumb {
	color: #ffffff;
}

.breadcrumb a {
	color: #ffff66;
}

.flipthrough {
	color: #ffffff;
	white-space: nowrap;
}

.flipthrough a {
	color: #ffff66;
}

.help {
	cursor: help;
}

.advsearchholder { /* added 2002-02-14 jafre */
	margin-right:4px;
	width: 50%;
	float: right;
}

.advsearch  {  		/* added 2002-02-13 edros    this adds a border around the advsearch area  the padding is not working for some reason  */
	padding: 40px;
}

.advsearch table {  /* added 2002-02-13 edros  */
	margin-left: 10px;
	margin-bottom: 10px;
}

div.advsearch, div.advsearch td, div.advsearch div { /* added 2002-02-13 edros  */
	background-color: #999999;
	color: #ffffff;
}

/*		THE MIDDLE SHELL -- HOLDS LISTS AND CONTENT BOXES, AND HAS CONTROLS AT BOTTOM		*/

.middleshell {
	background-color: #CCCCCC;
	height: 100%;
	padding: 7px;
	padding-top: 5px;  
}

/*		LISTS		*/

.header {		/*  can be row or column header */
	font-size: 10px;
	font-weight: 700;
	color: #330066;
	white-space: nowrap;
	vertical-align: baseline;
}

.formheader {   /*  added to align the headers in front of forms  2002-04-16 edr  i don't know what became of this  2002-04-24 */
	margin-top: 4px;
}

.list td {
	padding: 3px;
}

.list a.actionbutton {   /*  added to highlight row actionbuttons  2002-04-16 edr  */
	padding: 1px;
	margin: 1px;
	border: 1px solid #ffffff;
}

.list a:hover.actionbutton {  /*  added to highlight row actionbuttons  2002-04-16 edr  */
	padding: 1px;
	margin: 1px;
	border: 1px solid #000033;
	background-color: #ffcc33;
	width: auto;
	color: #000000;
}

.middleshell td, .middleshell div.detail {
	padding: 3px;
}

.listheader td, .listheader a {   /*  added to prevent the href style on the listheader when sorting */
	font-size: 10px;
	font-weight: 700;
	color: #330066;
	background-color: #bbbbbb;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration: none;
}

.contentbox .listheader td { 
	background-color: #EEEEEE;  /* changed 041002  edr to make the input boxes stand out more.*/
}

.tabcontainer {  /* added to for the tab page 2002-04-22 edr */
	margin-top: 10px;
	}

	
/*		TABS		*/

.tab, .tabselected {
	float: left;
	width: 110px;
	height: 25px;
	padding: 4px;
	margin-right: 4px;
	margin-bottom: -6px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	cursor: default;
}

.tab {
	color: #eeeeee;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #999999;
	padding-top: 6px;
}

.tabselected {
	color: #000033;
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #000000;
}


/*		CONTENT BOXES		*/

.contentbox {
	background-color: #eeeeee;
	border: 1px inset #ffffff;
	width: 99%;   /* added 2002-04-02 for nn6   edr */
	margin: 12px;
	margin-left: 1px;
	margin-right: 0px;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	clear: left;
}

.contentbox .title {		/*  slightly modified from regular title  */
	color: #999999;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.cluster {
	border: 2px groove;
	padding: 3px;
}

.explanation {
	color: #333333;
	padding: 2px;
}

.middleshell td.groupheader, .middleshell div.groupheader {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase; /* changed 041002  small-caps strange on nn6 */
	color: #330066;
	white-space: nowrap;
	padding: 4px;
	padding-left: 2px;
}

.actionbox {
	background-color: #CCCCC;
	border: 2px;
	border-color: #FFFFFF;
	border-style: groove;
	margin: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.hint {
	font-size: 10px;
	font-style: italic;
	color: #993300;
	background-color: #eeeeee;
	position: absolute;
	float: right;
	width: 200px;
	padding: 5px;
	border: 1px dashed #666666;
	margin-left: 10px;
	z-index: 10;
}

.requiredmarker {
	font-weight: bold;
	color: #993300;
}

.contingentmarker {
	font-size: 8px;
	font-weight: 400;
	font-family: "Small Fonts", sans-serif;   /* changed 041002 */
	color: #993300;
	vertical-align: top;
}

.errormessage, div.errormessage {
	font-size: 11px;
	color: #993300;
	background-color: #ffffaa;
	border: 2px solid #993300;
	padding: 3px;
	margin: 3px;
	z-index: 11;
}

.errormessage ul {
	margin-top: 5px;
	margin-bottom: 5px;
}


.error {
	background-color: #ffffaa;
	border: 2px solid #993300;
	z-index: 10;
}

hr {
	color: #eeeeee;
}

.hint hr {
	color: #dddddd;
}


 /*        FORM ELEMENTS          */

form {
	display: inline;
} 

input, textarea, select {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

button {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
} 

select, textarea, input.field {  /* added 041002  to change the input text fields laf */
	border: 1px solid #666666; 
	padding-left: 2px;
	padding-right: 2px;
}  
 
input.generated {
	width: 50px;
	border: 0px solid #666666;
	color: #333333;
	padding-left: 2px;
	padding-right: 2px;
}
 
input.small {
	width: 50px;
	border: 1px solid #666666; 
}

input.datefield {
	width: 80px;
	border: 1px solid #666666; 
}

input.searchfield {
	width: 100px;
	margin-right: 4px;
	border: 1px solid #666666; 
}

textarea {
	height: 60px;
	width: 300px;
	padding: 2px;
}

textarea.posting {
	height: 75px;
	width: 380px;
}

td.checkbox {
	padding: 0px;
	padding-left: 3px;
}

/*		BUTTONS AND BUTTON GROUPS	*/

 .toolbuttons {  /* this is mainly for the div tag that holds the CRUD  */
	padding-top: 3px;
	padding-bottom: 3px;

}  

.submitcontrols {
	float: right;
	margin-right: 3px;
	padding: 2px;
	text-align: center;  /*  added for nn6  */
}

.wizardsubmitcontrols {
	position: absolute;
	bottom: 6px;
	right: 8px;
}

button { /* default */
	background-color: #CCCCCC;
	width: auto;
	height: 21px;
	margin: 0px;
	margin-bottom: 0px;	
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
}


.middleshell button {
	background-color: #DDDDDD;   /* to lighten buttons located in a middle shell  added 041002  edr  */
}

button.next, button.control {  /* for all buttons that control the navigation of a window */
	background-color: #ffcc33;
}

button.popup {  /* for all buttons that open a new window */
	background-color: #88aadd;
}

button.view {  /*  this is only for the view button that follows a input type=file which is difficult to style correctly  */
	background-color: #88aadd;
	border: 1px solid #666666; 
	padding-left: 2px;
	padding-right: 2px;
	height: 18px;
	margin-top: -4px;
	margin-left: 2px;
}

button.toolbutton {  /* we are eliminating this class but keep this here to keep things backward compatible */
	width:54px;
}

button.xsml {   /* added 041002  edr  */
	width: 23px
}

button.sml {   /* added 041002  edr  */
	width: 50px;
}

button.med {   /* added 041002  edr  */
	width: 80px;
}

button.medhilited {   /* added 041002  edr  */
	width: 80px;
	background-color: #ffcc33;
}

button.large {   /* added 041002  edr  */
	width: 100px;
}

button.xlarge {   /* added 041002  edr  */
	width: 120px;
}

button.icon {  /* added 041002  edr  */
	padding: 0 0 0 0;
	height: 21px;
	background-color: #CCCCCC;
}


 /*		WIZARD INTERMEDIARY SOLUTION		*/

body.wizard .titlebar, body.wizard .titlebar div, body.wizard .titlebar td {
	background-color: #000033;
}