p
{
  padding:0;
  margin:0 0 1em 0;
  line-height:1.8;
}

p.p-last 
{
  margin-bottom:0;
}

p.p-indent
{
    text-indent:1em;
}

img
{
  border-style:none;
}


.style-none {}

/* background */
.bg-orange   { background-color:Orange; }
.bg-teal     { background-color:Teal; }
.bg-yellow   { background-color:Yellow; }
.bg-blue     { background-color:Blue; }
.bg-lightorange { background-color:#ffd0a0; }

/* color */
.color-orange { color:Orange; }
.color-navy { color:Navy; }
.color-white { color:White; }

/* float */
.float-left  { float:left; }
.float-right { float:right; }
.float-end   { clear:both; }

/* font */
.font-smaller { font-size:smaller; }
.font-larger  { font-size:larger; }

.font-bold { font-weight:bold; }

/* alignment */
.align-right  { text-align:right; }
.align-center { text-align:center; }


/* padding */
.padding-quart  { padding:0.25em; }
.padding-half   { padding:0.5em; }
.padding-one    { padding:1em; }
.padding-two    { padding:2em; }
.padding-three  { padding:3em; }
.padding-four   { padding:4em; }
.padding-five   { padding:5em; }


.padding-left-one    { padding-left: 1em; }
.padding-left-two    { padding-left: 2em; }
.padding-left-three  { padding-left: 3em; }
.padding-left-four   { padding-left: 4em; }
.padding-left-five   { padding-left: 5em; }
.padding-left-ten    { padding-left: 10em; }
.padding-left-twnety { padding-left: 20em; }

.padding-right-one    { padding-right: 1em; }
.padding-right-two    { padding-right: 2em; }
.padding-right-three  { padding-right: 3em; }
.padding-right-four   { padding-right: 4em; }
.padding-right-five   { padding-right: 5em; }
.padding-right-ten    { padding-right: 10em; }
.padding-right-twnety { padding-right: 20em; }

.padding-top-one    { padding-top: 1em; }
.padding-top-two    { padding-top: 2em; }
.padding-top-three  { padding-top: 3em; }
.padding-top-four   { padding-top: 4em; }
.padding-top-five   { padding-top: 5em; }
.padding-top-ten    { padding-top: 10em; }
.padding-top-twnety { padding-top: 20em; }

.padding-bottom-one    { padding-bottom: 1em; }
.padding-bottom-two    { padding-bottom: 2em; }
.padding-bottom-three  { padding-bottom: 3em; }
.padding-bottom-four   { padding-bottom: 4em; }
.padding-bottom-five   { padding-bottom: 5em; }
.padding-bottom-ten    { padding-bottom: 10em; }
.padding-bottom-twnety { padding-bottom: 20em; }

/* margin */
.margin-left-one     { margin-left:1em; }
.margin-left-two     { margin-left:2em; }
.margin-left-three   { margin-left:3em; }
.margin-left-four    { margin-left:4em; }
.margin-left-five    { margin-left:5em; }
.margin-left-six     { margin-left:6em; }
.margin-left-seven   { margin-left:7em; }
.margin-left-eight   { margin-left:8em; }
.margin-left-nine    { margin-left:9em; }
.margin-left-ten     { margin-left:10em; }
.margin-left-fifteen { margin-left:15em; }
.margin-left-twenty  { margin-left:20em; }


/* height */
.height-one      { height: 1em; }
.height-ten      { height: 10em;}

.min-height-five    { min-height: 5em; }
.min-height-ten     { min-height: 10em; }
.min-height-fifteen { min-height: 15em; }
.min-height-twenty  { min-height: 20em; }

/* width */
.width-one     { width:1em; }
.width-two     { width:2em; }
.width-three   { width:3em; }
.width-four    { width:4em; }
.width-five    { width:5em; }
.width-six     { width:6em; }
.width-seven   { width:7em; }
.width-eight   { width:8em; }
.width-nine    { width:9em; }
.width-ten     { width:10em; }
.width-fifteen { width:15em; }
.width-twenty  { width:20em; }

.min-width-five    { min-width: 5em; }
.min-width-ten     { min-width: 10em; }
.min-width-fifteen { min-width: 15em; }
.min-width-twenty  { min-width: 20em; }
.min-width-forty  { min-width: 40em; }


/* border */

.border-style-solid { border-style:solid; }

.border-color-orange { border-color:Orange; }
.border-color-teal { border-color:Teal; }

.border-width-one   { border-width: 1px; }
.border-width-two   { border-width: 2px; }
.border-width-three { border-width: 3px; }




/*---------------------------------------------------- 
      Controls                                        
  ----------------------------------------------------*/

/*---------------
   Tab Control 
  ---------------*/
  
.tabctrl-tab-group-container  /* <div> */
{
	/*padding:1em 0 0 0;*/
}

.tabctrl-tab-group /* <ul> */
{
	margin:0;
	padding:0 0 0 1em;
}

.tabctrl-tab /* <li> */
{
	list-style-type:none;
	display:inline;
	padding:0.2em 0.5em 0.1em 0.5em;
	margin-right:0.2em;
	cursor:pointer;
}

.tabctrl-tab-active
{
}

.tabctrl-contents
{
}

/* overridable styles */

.tabctrl-default-inactive-tab
{
	background-color:#e0e0e0;
}

.tabctrl-default-active-tab
{
	background-color:#e1ecfe;
	font-weight:bold;
}

.tabctrl-default-contents
{
	border:solid 4px #e1ecfe;
	min-height:5em;
}

/*----------------------
   Vertical Tab Control 
  ----------------------*/

.vtabctrl-tab-group-container /* <div> */
{
	float:left;
	/*width: 5em; should be overridden by the user */
}
 
.vtabctrl-tab-group  /* <ul> */
{
	margin:0;
	padding:0
}

.vtabctrl-tab  /* <li> */
{
  list-style-type:none;
  margin :0;
  cursor:pointer;
  /*padding:0.2em 1em 0.4em 0.5em;	*/
}  

.vtabctrl-tab-active
{
}

.vtabctrl-contents
{
}


/* overridable styles */

.vtabctrl-default-active-tab
{
	background-color:#e1ecfe;
	font-weight:bold;
}

.vtabctrl-default-inactive-tab
{
}

.vtabctrl-default-contents
{
	border:solid 4px #e1ecfe;
}

.vtabctrl-default-tab-width
{
  width: 5em;
}

.vtabctrl-default-contents-margin
{
	margin-left:5em;
}

.vtabctrl-default-contents-height
{
  min-height:10em;  
}