/* set button, tab style */
	.ui-state-default {
		font-family: 		Tahoma, Arial, Helvetica, sans-serif;
		font-size:		0.9em; 
		cursor: 		pointer;
   		position: 		relative; 
   		text-align: 		center; 
   		zoom: 			1; 
	}
	span.ui-layout-content {  /* remove padding and change font size in dataview */
		font-size:		0.9em; 
		padding: 		0;
	}
	/* Loading Picture */
	.tab-loading{
		background-image:url('igLoadingSmall.gif'); background-repeat:no-repeat;
		height:32px;
		width:32px;
		position:absolute;
 		top: 40%;
		left: 40%;
		z-index:10000;
	}
	/* upload dialog */
	.upload{
		position:relative;
		left: 40%;
		z-index:10000;
	}
	/* set toolbar style */
	.fg-toolbar { padding-left: 0.5em; margin: 0;}

	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	/* set icons style */
	ul#icons li {
		cursor: pointer;
		float: left;
		list-style: none outside none;
		margin: 2px;
		padding: 4px;
		position: relative;
		z-index:1000;
	}
	/* COMMON */
	body, html
	{
		margin: 0px auto;
	}
	body
	{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	img {
		border:0;
	}
	a{
		text-decoration:none;
		cursor:pointer;
	}
	.container {
		width:70%;
		margin:0 auto;
		padding:0;
	}
	#body {
    		width: 50%;
    		margin: 30px auto;
		min-width:580px;
	}
	#bodyMenu {
    		width: 50%;
    		margin: 30px auto;
		min-width:680px;
	}
	h3, h4 { /* Headers & Footer in Center & East panes */
		font-size:		1.1em;
		background:		#EEF;
		border:			1px solid #BBB;
		border-width:		0 0 1px;
		padding:		7px 10px;
		margin:			0;
	}
	.header{
		float: right;
		padding:5px 0px;
		font-size: 0.7em;
	}
	.logout {
		padding:6px 0 0 21px;
		background:url(lock_unlock.png) no-repeat 5px;
		//margin:-18px 0 0 570px;
	}
	/* SUBMENU */
	.subMenu{
		display:none;
		position:absolute;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align:left;
		width:140px;
		z-index:1000;
	}
	.subMenu a, .subMenu a:visited{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		padding: 7px 7px;
		display:block;
		text-decoration:none;
	}
	.subMenu a:hover{
		font-weight: normal;
		border:none;
	}
	/* TABLE */
	.hor-minimalist-b {
		width: 100%;
		border-collapse: collapse;
		text-align: left;
	}	
	.hor-minimalist-b th {
		font-weight: bold;
		height:30px;
		padding: 0 8px;
		text-align: left;
	}
	.hor-minimalist-b td {
		border-bottom: 1px solid #ccc;
		height:20px;
		padding: 6px 8px;
	}
	.hor-minimalist-b input, .hor-minimalist-b select {
		/*display:inline; inline display must not be set or will hide submit buttons in IE 5x mac */
		float:left;
		width:auto;     /* set width of form elements to auto-size, otherwise watch for wrap on resize */
		margin:0 0 0 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	}
	.hor-minimalist-b a.small-button {
		top:0px;
		padding:3px 15px 3px 13px;
		margin:0;
	}
	.hor-minimalist-b tbody tr:hover td {
		font-weight: normal;
	}
	/* INNER TABLE */
	.hor-minimalist-c {
		font-size: 100%;
		width: 100%;
		border-collapse: collapse;
		text-align: left;
	}	
	.hor-minimalist-c th {
		font-weight: bold;
		height:20px;
		padding: 0 8px;
		text-align: left;
	}
	.hor-minimalist-c td {
		font-weight: normal;
		border-bottom: 1px solid #ccc;
		height:20px;
		padding: 6px 8px;
	}
	.hor-minimalist-c tbody tr:hover td {
		font-weight: normal;
	}
	/* FORM */
	form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
		font-size: 11px;
  		margin: 0;
  		padding: 0;
  		min-width: 450px;
  		max-width: 700px;
  		width: auto; 
	}
	form fieldset {
  		/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
 	 	border-width: 1px;
  		border-style: solid;
  		padding: 10px;        /* padding in fieldset support spotty in IE */
 		margin:0 0 0 0; 
	}
	form fieldset legend {
		margin: 0.2em 0px 0.2em 20px; 
		padding: 4px;
		font-size:1.0em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	}
	form label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 150px; 
		padding: 0; 
		margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
	}
	form labelRight {
		display: block;  /* block float the labels to left column, set a width */
		float: left;
		width: 95px; 	   
		margin: 5px 0 0; /* set top margin same as label. */
		text-align: right; 
	}
	form field {
		display: block;  /* block float the labels to left column, set a width */
		float: left;
		min-width: 100px; 	   
		margin: 5px 0 0px 10px; /* set top margin same as label. set margin on left of form elements */
		text-align: left; 
	}
	form input, form select, form textarea {
		/*display:inline; inline display must not be set or will hide submit buttons in IE 5x mac */
		float:left;
		width:auto;     /* set width of form elements to auto-size, otherwise watch for wrap on resize */
		margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	}
	form input.ui-button {
		margin:10px 0 10px 10px;  /* set margin on button {margin:top right bottom left}*/
					/* set margin on left of form elements*/
	}
	form .small-button {
		top:5px;
		padding:3px 15px 3px 13px;
		margin:0 0 0 5px;  /* set margin on button {margin:top right bottom left}*/
	}
	form textarea { 
		width:300px;
		height:107px;
		overflow-x: hidden; 
		overflow-y: scroll; 
	}
	form small {
		display: block;
		margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
		padding: 1px 3px;
		font-size: 88%;
	}
	form br {
		clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}
	/* Form CHAR COUNTER */
	form .counter{
		float:left;
		margin:5px 0 0 5px;
		font-size:14px;
		font-weight:bold;
		color:#ccc;
	}	
	/* Form DIALOG */
	.small-dialog {min-width: 350px; width: 350px; max-width: 350px;z-index:10000;}
	.small-dialog fieldset { padding:0; border:0; margin-top:25px; }
	.small-dialog label, .small-dialog input, .small-dialog select { display:block; width:250px; margin:0; text-align:left; }
	.small-dialog input.text, .small-dialog select { margin-bottom:12px; width:95%; padding:.4em; }
	.small-dialog field { display:block; width:100%;  margin:0; margin-bottom:5px;text-align: left; font-weight:bold;}
	.ui-dialog .ui-state-error { padding: .3em; }
	.validateTips { border: 1px solid transparent; padding: 0.3em; }

	/* Form2 */
	form2 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
		font-size: 11px;
  		margin: 0;
  		padding: 0;
  		//min-width: 450px;
  		//max-width: 700px;
  		//width: auto; 
	}
	form2 fieldset {
  		/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
 	 	border-width: 1px;
  		border-style: solid;
  		padding: 10px;        /* padding in fieldset support spotty in IE */
 		margin:0 0 0 0; 
	}
	form2 fieldset legend {
		margin: 0.2em 0px 0.2em 20px; 
		padding: 4px;
		font-size:1.0em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	}
	form2 label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 150px; 
		padding: 0; 
		margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
	}
	form2 labelRight {
		display: block;  /* block float the labels to left column, set a width */
		float: left;
		width: 95px; 	   
		margin: 5px 0 0; /* set top margin same as label. */
		text-align: right; 
	}
	form2 field {
		display: block;  /* block float the labels to left column, set a width */
		float: left;
		min-width: 100px; 	   
		margin: 5px 0 0px 10px; /* set top margin same as label. set margin on left of form elements */
		text-align: left; 
	}

	form2 br {
		clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}
	/* SMALL DIALOG2 */
	.small-dialog2 {min-width: 450px; width: 450px; max-width: 450px;}
	.small-dialog2 fieldset { padding:0; border:0; margin-top:10px; }
	.small-dialog2 label { display:block; float: left; width:80px; padding: 0; margin: 5px 0 0; text-align:right; }
	.small-dialog2 field { display:block; float: left; min-width: 100px; margin: 5px 0 0px 10px; text-align:left;}

	/* Custom css */
        .link {
		text-decoration:underline;
	}
	form comment {
		display: block;
		margin: 5px 0 0 160px; /* instructions/comments left margin set to align w/ right column inputs */
		text-align: left;
	}
	form labelToolbar {
		display: block;  /* block float the labels to left column, set a width */
		float: left;
		width:auto;	   
		margin: 10px 0 0 10px; /* set top margin same as label. */
		text-align: right; 
	}