body
{
	background-color: #EEE;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 75%;
	color: #333;
}

h1 { margin: 0; font-size: 1em; }
h2 { margin: 0 0 2px 0; border-bottom: black 3px double; font-size: 1em; }
h3 { margin: 1em 0 0 0; font-size: 1em; text-transform: uppercase; text-align: center; }
h4 { margin: 1em 0 0 0; font-size: 1em; }

hr
{
	color: #EEEEEE;
	background: #EEEEEE;
	min-height: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px solid #EEEEEE;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border-collapse: collapse;
}
hr.dark
{
	color: #000;
	background: #000;
	border-bottom: 1px solid #000;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
    background: none;
}

input[type="text"],input[type="number"],input[type="email"],input[type="password"],textarea,select
{
	padding: 1px;
	border: 1px solid #CCCCCC;
	color: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}
input[type="text"],input[type="number"],input[type="email"],input[type="password"]
{
	height: 18px;
	line-height: 18px;
}

/*=========== input states ===========*/
input[type="text"].invalid,
input[type="number"].invalid,
input[type="email"].invalid,
input[type="password"].invalid,
textarea.invalid,
select.invalid
{
	border-color: #CCC2C2;
	background-color: #FFF2F2;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
	border-color: #C2C2CC;
	background-color: #F2F2FF;
	outline: none;
}

input[type="text"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
textarea[readonly]
{
	border-color: #BABABA;
	background-color: #EEEEEE;
}
input[type=number][readonly]::-webkit-inner-spin-button,
input[type=number][readonly]::-webkit-outer-spin-button {
 	/* don't show webkit spinners in readonly view */
   -webkit-appearance: none;
    margin: 0;
}

input[type="text"].no-input,
input[type="number"].no-input,
input[type="email"].no-input,
textarea.no-input
{
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
/*====================================*/

.tooltipHeader
{
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	border-left: #333 1px solid;
	background: #aaa;
	padding: 3px 6px;
	color: black;
}
.tooltipBody
{
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
	border-left: #333 1px solid;
	background: #eee;
	padding: 3px;
	color: black;
}

#container 
{ 
	MARGIN: 0px auto; 
	WIDTH: 765px; 
	POSITION: relative; 
	border: solid 1px #ddd; 
	background-color: White; 
	padding: 8px;
	min-height: 800px;
}

#headerImage { background-color:#fff; }
#headerImage img { display:block; }
#headerInfo { padding: 10px 20px; font-size: 10pt; }
#contactInfo { float: right; width: 342px; }
#companyInfo { float: left; width: 342px; }

#projectInfo
{
	border-bottom: black 1px solid;
	padding-bottom: 1em;
}

.productGrid
{
	margin: 1em 0;
}

.productGrid .colorSelect
{
	margin: 0 0.5em 0.5em 0;
	float: left;
}

.productGrid .colorDeleteLink
{
	margin: 0 0 0.5em 0;
	float: right;
}

.productGrid table
{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 10pt;
}

.productGrid table, .productGrid th, .productGrid td
{
	border: 1px solid #000;
}

.productGrid th { text-align: left; }
.productGrid input { width: 58px; display: block; margin: 0 auto; }
.productGrid .short input { width: 35px; }
.productGrid .numeric { text-align:right; }

.text-box, .select-list { width: 170px; }
.text-box:focus, .select-list:focus
{
}
.text-box.multiline { width: 300px; height: 109px; }
.text-box.short, .select-list.short { width: 90px; }

.editor-row
{
	margin: 0 0 0.5em 0;
	display: block;
}

.two-column
{
	width:49%;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top;
	margin-top: 1em;
}
.editor-field { display: block; }

.editor-row.inline .editor-label {
    float: left;
    margin: 0;
    width: 120px;
   	min-height: 22px;
	line-height: 22px;
}
.editor-row.inline .editor-field {
    overflow: hidden;
    padding: 0 4px 0 9px;
    margin: 0;
}

.editor-row.stacked .editor-label {
    margin: 0;
   	min-height: 22px;
	line-height: 22px;
}

.editor-row.stacked .editor-field {
    margin: 0;
    padding: 0;
}

.subtotals
{
	width: 186px;
	float: right; 
}
.subtotals .editor-row .editor-label { width: 85px; }
.subtotals .editor-row .text-box { width: 85px; }

.largeButton
{
	display: block;
	margin: 0 auto;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-clearfix{zoom:1;}

.editor-row.inline:before,.editor-row.inline:after{content:"";display:table;}
.editor-row.inline:after{clear:both;}
.editor-row.inline{zoom:1;}