.typical {width:95%;}
.typical LABEL, .typical INPUT, .typical STRONG {margin-bottom: 1px; font-size: 120%;}
.typical STRONG SMALL {font-weight: normal;}
.typical INPUT {background-color:#FFE; border:1px solid #004; }
.variable {border: 1px solid red; background-color: #005; color: #FFA;}

.typical LABEL {float: right; width: 70%; text-align: right; padding-right: 15px;}
.typical IMG {float:right;}
.typical INPUT, .typical STRONG, .typical SELECT {float: right; width: 25%; margin-right: 10px;}
.wide {width: 485px !important;}
.typical LABEL.c1{width: 25%;}
.typical LABEL.c2{width: 15%;}
INPUT.highlighted {background-color: yellow;}


.typical BR {clear: both;}
.typical LABEL SMALL {color: #999; font-size: 13px;}
.typical LABEL B {color: #F99; font-size: 11px; display:block;}
.typical .submit {width: 30%; float: right;}
.typical STRONG {color: #FF4; font-size: 120%;}
.typical .nicetable TD INPUT {display: inline; width: inherit; margin: 0px; float: none;}
.submit {
		float: right; 
		width: 30%; 
		display: inline; 
		background-color:#116 !important;
		color: #FFC; 
		border: 1px solid #FFC !important; 
		font-size: 10pt;
		text-align: center;
		text-decoration: none;
}

A.submit {color: inherit !important; padding: 2px 20px 2px 20px;}

.disabled {
		background-color:#333 !important;
		color: #AAA !important;
	}

#links FORM B {color: #F99;}

.prompted {text-align: center; color: #999;}

INVISIBLE {display: none; visibility: hidden;}

.checkform LABEL {width: 70% !important;}
.checkform INPUT {width: 20px !important;}
.checkform INPUT.submit {width: 30% !important; font-size: 100%;}

.nicetable {width: 100%;}
.nicetable TH {text-align: left; background-color: #55A; padding: 5px 10px 5px 10px;}
.nicetable TD {text-align: left; background-color: #CCF; color: #005; padding: 2px 5px 2px 5px; vertical-align: center;}
.nicetable TR.highlighted TD {background-color: #EE4;}

.tighttable, .tighttable TR, .tighttable TD {padding: 1px 1px 1px 1px;}
.tighttable TD.greeny {background-color: #CFC; color: #050;}
.tighttable TH.greeny {background-color: #5A5; color: #CFC;}

#column2 .nicetable TD A {color: #005; font-weight: bold; text-decoration: underline !important;}
#column2 .nicetable TD A:hover {color: #FF7700;}
#column2 h1 b {color: white; font-weight: normal;}
#column2 p b {color: white;}
#column2 p {margin-top: 3px;}
.nicetable TD.greeny {background-color: #CFC; color: #050;}
.nicetable TH.greeny {background-color: #5A5; color: #CFC;}



/* navigation list */
.navlist
{
  margin-bottom: 3px;
  width: 70%;
}

.navlist ul
{
	margin: 0px auto;
}

.navlist li
{ 
  clear: both;
  width: 100% !important;
  padding: 0px 1px 0px 0px;
  list-style: none;
  
}

.navlist li a
{ 
  display: block !important;
  text-decoration: none;
  padding: 4px 19px 4px 19px;
  border: 1px solid;
  text-transform: uppercase;
  font-size: 88%;
  background-color: #999;
  color: white !important;
}

.black
{
	color: #000 !important; 
}

.black a
{
	text-decoration: underline !important;	
}

.black a:hover 
{
	text-decoration: none !important;
}

.navlist li a.selected
{
	background-color: #FF9C27;
}

.navlist li a:hover, .navlist li a#selected, .navlist li a#selected:hover
{
  padding: 4px 19px 4px 19px;
  text-decoration: none;
  background-color: #FF9C27;
}


/* navigation menu */
.navbar
{
  height: 27px;
  width: 766px;
  position: relative;
  margin-bottom: 3px;
}

.navbar ul{margin: 0px auto;}

.navbar li
{ float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  list-style: none;
}

#column2 .navbar li a
{ display: block !important;
  float: left !important;
  text-decoration: none;
  padding: 4px 4px 4px 4px;
  border: 1px solid;
  text-transform: none;
  font-size: 100%;
  background-color: #999;
  color: white;
}

#column2 .navbar li a b {text-transform: none;}

#column2 .navbar li a.selected
{background-color: #FF9C27;}

#column2 .navbar li a:hover, #column2 .navbar li a#selected, #column2 .navbar li a#selected:hover
{
  padding: 4px 4px 4px 4px;
  text-decoration: none;
  background-color: #FF9C27;
}

.sms {border: 1px solid #004; background-color: #DDD; color: black; padding: 10px 10px 10px 10px; margin-top: 2px; margin-bottom: 10px;}
.error {background-color: #FDD; color: #200; padding: 5px 10px 5px 5px; margin-bottom: 10px; border: 1px solid white;}
.error A {color: #200 !important;}
.info {background-color: #88F; color: #FFF;padding: 3px 10px 3px 10px; border: 1px solid white;}
.small-hint {text-align: right; font-size: 70%; color: #777;}
#column2 .notification {background-color: #EEE; color: #300; padding: 3px 10px 3px 10px; border: 1px solid white; margin-bottom: 10px;}
#column2 .notification a {color: #300;}

/* LAYOUT TABLE */

#column2 > b {color: white;}

#column2 .layout TH {background-color: #777; color: white;}
#column2 .layout TD {padding: 5px 5px 5px 5px; background-color: #EEE; color: black;}
#column2 .layout TH {padding: 5px;}
.layout TD {padding: 3px; vertical-align: top; text-align: left;}
.layout TD LABEL {font-size: 120%;}
#column2 .layout TD TABLE TD {background-color: #DDD; padding: 3px 3px 3px 3px; margin: 1px;}

INPUT.static {background-color: transparent !important; border: none !important; color: yellow;}
INPUT {font-size: inherit;}

.yellow {color: #FF4;}

.centered {text-align: center !important;}
.to-right {text-align: right !important;}

.bold {font-weight: bold !important;}
.w100 {width: 100% !important;}
.w150 {width: 150px !important;}
.w50 {width: 50px !important;}
.w45 {width: 45px !important;}
.w30 {width: 30px !important;}
.invisible {display: none !important; visibility: hidden !important;}
.cb {clear: both;}


/* HINT PANEL */

.hintpanel
{
	display: visible;
	background-color: #EEF;
	color: #000;
	padding: 10px;
	border: 1px solid;
	min-height: 100%;
	height: auto;
}

.hintpanel a {color: #007 !important;}
.hintpanel a:hover{color: #555 !important;}
.hintpanel hr {margin-top: 10px; margin-bottom: 10px;}
.hintpanel a {padding-right: 5px;}
.hintpanel .togglable {margin-top: 10px;}
.hintpanel h1 
{
	font-family: Tahoma;
	font-size: 9pt !important;
	border: none !important;
	color: black !important;
}
.hintpanel TEXTAREA {height: 100px; width: 170px ; font-size: 8pt;}
.hintpanel .hints HR {border: none 0px white; margin-top: 5px; margin-bottom: 5px; color: #333; background-color: transparent; height: 0px;}

/*
	Pager
*/

.pager-strip {clear: both; background-color:#EEEEFF; padding: 2px 2px 2px 0px; color: #000;}
.pager {text-align: center; font-family: Tahoma; font-size: 10pt; margin: 5px 0px 5px 5px;}
.pager * {margin: 0px 4px 0px 4px;}
a.pager {color: #228;}
a.pager:hover {color: #33A;}

/* compact item */

.compact-item {border: 1px solid #999; margin-bottom: 2px; width: 95%; color: white;}
.compact-item TD {padding: 3px 3px 3px 3px; font-size: 9pt;}
.compact-item TD SMALL {color: #AAB;}
.compact-item I {color: #AAB; font-style: normal;}
.compact-item .command-panel {text-align: right;}
.highlighted .compact-item {border: 2px solid white; background-color: #777;}

.openable-content {display: none; visibility: hidden;}
.opened .openable-content {display: block; visibility: visible;}

#yui-history-iframe
{
	position: absolute; 
	width: 1px; height: 1px; 
	top: 0; left: 0;
	visibility: hidden;
}

#sandbox
{
	position: absolute;
	background-color: white;
	color: #800;
	width: 200px;
	height: 70px;
	left: 0px;
	top: 0px;
}

TD.money {width: 100px; text-align: right;}

#invoice { width: 700px; padding: 10px;}
#invoice TABLE {width: 700px;}
#invoice TABLE TD {width: 165px; padding: 3px 8px 3px 3px; vertical-align: top;}
#invoice TABLE TR.header TD {font-weight: bold; text-transform: uppercase;}
#invoice TABLE TR.header TD {border: 1px solid gray;}
#invoice INPUT {width: 100%;}
#invoice .money INPUT {text-align: right;}
TABLE.outlined {border: 1px solid gray;}

#proforma {background-image: none;}
#proforma #invoice {color: black !important;}
#proforma #invoice INPUT {border: 0px none;}

#instructions TABLE TD {padding: 15px;}
#instructions TABLE TR.header TD { padding: 3px 8px 3px 3px;}