div.fields {
	float: right;
	width: 83%;
	background-color: #9FE6C3;
	padding: 10px;
}

div.view div.fields .field {
	width: 32%;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
	float: left;
	clear: none;
}
div.view div.fields .textfield {
	width: auto;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
	float: left;
	clear: none;
}

div.view div.actions {
	width: 120px;
	float: left;
	padding: 0;
}
div.view div.actions ul {
	text-align: left;
}
div.view div.actions ul li {
	clear: both;
	display: block;
	margin-bottom: 15px;
}
div.index div.actions {
	padding: 0;
}
div.index div.actions ul {
	text-align: left;
	padding-top: 3px;
	width: auto;
}

div.actions ul li {
	position: relative;
}

div.actions ul li ul.sub {
	display:none;
	position: absolute;
	top: 21px;
	left: -5px;
	background: none;
	padding: 0;
	margin: 0;
	z-index: 10;
}
div.actions ul li ul.sub li {
	clear: both;
	display: list-item;
	position: absolute;
}
div.actions ul li ul.sub li a {
	background: none;
	border: 0;
	
}
div.actions ul li ul.sub li td {
	border-width: 0px 1px 1px;
	border-style: solid;
	border-color: #aaac62;
	background:#f1f1d4;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
}
div.actions ul li ul.sub li td:hover {
	background: #f0f09a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9));
}
div.actions ul li ul.sub li td.first {
	border-top-width: 1px;
}
div.actions ul li ul.sub li table {
	background: transparent;
}

div.actions ul li ul.sub li td.first {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
div.actions ul li ul.sub li td.last {
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

div.actions ul li:hover ul.sub {
	display: block;
}

td.actions {
	text-align: left;
}
div.clear {
	font-size:1px;
	padding: 0;
	margin: 0;
	clear:both;
	width: 1px;
	height: 1px;
	background: transparent;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.ui-widget-header { background: #ccc; border-color: #ccc;}
#tabs h3 { margin:0; }
.ui-tabs .ui-tabs-nav li a { padding: .25em 1em; }

body.printable {
	background: #fff;
}

body.printable #container {
	background: #003D4C;
	padding-top: 10px;
	padding-bottom: 10px;
}

body.printable #container #content {
	margin-bottom: 10px;
	margin-top: 0px;
}
div#printable {
	padding-left: 30px;
	padding-bottom: 10px;
}
div#printable h1 {
	font-size: 200%;
}
div#printable h1, div#printable h2, div#printable h3, div#printable h4  {
	margin-top: 10px;
	margin-bottom: 0;
	color: #000;
}

div#printable .printable-tab .printable-tab h4 { margin-top: 0;}

div#printable .printable-tab {
	margin-left: 20px;
}

.usage-left { border-left: 1px solid #DDD;}
.usage-right { border-right: 1px solid #DDD;}
th { border-top: 1px solid #DDD;}

div#content div.actions ul li.print-formula a {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff1111), to(#bb3333));
    background-image: -moz-linear-gradient(top, #ff1111, #bb3333);
    color: #fff;
    text-shadow: #000 0px 1px 0px;
}

div#content div.actions ul li.manufacture-formula a {
	background: -webkit-gradient(linear, left top, left bottom, from(#11dd11), to(#119911));
    background-image: -moz-linear-gradient(top, #11dd11, #119911);
    color: #fff;
    text-shadow: #000 0px 1px 0px;
}
