.debug {
	display: none;
	z-index: -100;
}

body {
	margin: 20px auto;
	width: 950px;
	background: #f7f7f7;
}

#mainwrap {
	position: relative;
	width: 950px;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

h1.topstyle {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	font-weight: 200;
	margin: 20px 0px;
	letter-spacing: -1px;
}

h1.topstyle a {
	color: black;
	text-decoration: none;
}

body, .style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h2, .style6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 0px 0px 10px; }

h2 a {
	color:black;}

.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }

.infobutton {
	vertical-align: middle;
	cursor: pointer;
}

div.padding {
	padding: 20px;
}

#navigation {
	width: 960px;
}

#navigation a {
	padding: 12px 17px;
	margin: 0px 10px 0px 0px;
	display: block;
	float: left;
	opacity: 0.8;
	color: #000;
	font-size: 11pt;
	text-decoration: none;
	position: relative;
	top: 1px;
	background: #bbb;
	border: 1px solid #999;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#page_hydsys #link_hydsys, #page_partslist #link_partslist, #page_specifications #link_specifications, #page_release #link_release, #page_accessories #link_accessories, #page_valve_selector #link_valve_selector {
	opacity: 1;
	background: #ddd;
	color: black;
	position: relative;
	top: 1px;
	z-index: 100;
	padding-bottom: 13px;
	border: 1px solid #aaa;
	border-bottom: none;
	background: -moz-linear-gradient(#eee, #ddd);
	background: -webkit-linear-gradient(#eee, #ddd);
}

#navigation a:hover {
	background: #ddd;
	background: -moz-linear-gradient(#eee, #ddd);
	background: -webkit-linear-gradient(#eee, #ddd);
	opacity: 0.9;
}

.clear {
	clear: both;
}

.wrap {
	border: 1px solid #aaa;
	background: #ddd;
	-moz-box-shadow: 5px 5px 10px #ddd;
	position: relative;
	border-radius: 5px;
	border-top-left-radius: 0px;
}

td.center, th.center {
	text-align: center;
}

td.vcenter, th.vcenter {
	vertical-align: middle !important;
}

#testing {
	position: absolute;
	left: 970px;
	top: 50px;
}

#testing a {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; font-size: 8px;
}

#testing a:hover {
	color: #000;
}

.alert {
	font-weight: bold;
	color: red;
}

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

.red {
	font-weight: bold;
	color: #d00;
}

.debug {
	color: blue;
	/*display: none;*/
}

.hidden {
	display: none;
}

a img {
	border: 0px;
}

.borderleft {
	border-left: 1px solid #888; padding-left: 40px;
}

img {vertical-align: text-top}

.module {
	margin: 5px 0 15px 10px;	
}

.module td {
	padding: 5px 0px 0px 0px;
}

.consumer td {
	padding: 0px;
}

.missing:hover, .hoverinfo:hover {
	cursor: help;
}

.hoverinfo {
	border-bottom: 1px dotted #333;
}

.missing {
	color: #d00;
	font-weight: bold;
}

.data_t_result_table td {
	padding: 5px 0px;
	font-weight: bold;
}

.table_border_top td {
	border-top: 1px solid #888;
}

.specmodule {
	border-collapse: collapse;
	width: 925px;
	margin: 1em 0;

}

.specmodule td {
	border: 1px solid #555;
	padding: 5px;
	text-align: center;
}

.specmodule table td {
	border: none;
}

.specmodule .first td {
	font-weight: bold;
}

.thruster_input_table tbody td {
	padding-bottom: 5px;
}

.thruster_input_table {
	border-collapse: collapse;
}

/** load page **/

#load {
	font-size: 11pt;
	width: 1000px;
	margin: 20px auto;
}

#load .created_by {
	font-size: 12px;
	color: #555;
}

#show_company_form, #pagination_form {
	display: inline;
}

#load #loading {
	padding: 40px;
	text-align: center;
}

#load .information span {
	font-weight: bold;
}

table.tablesorter table, table.tablesorter table td {
	padding: 0px !important;
	border-spacing: 0px;
}

table.tablesorter {
	line-height: 1.5em;
}

#load #pagination {
	text-align: center;
	font-size: 12px;
}

#load #togglecomments, #load #toggletemplates {
	font-size: 12px;
}

#load #pagination a {
	color: #00e;
}

#loadtable.hide_comments .comment {
	display: none;
}

#loadtable.hide_templates tr.status7 {
	display: none;
}

#loadtable.hide_shared tr.not_own {
	display: none;
}

#loadtable tr.status7 td, #loadtable tr.not_own td {
	background: #FBFCE0;
}

#loadtable .sharing_info {
	color: #0a0;
}

#load .comment_text {
	height: 1.5em;
	overflow: hidden;
}

#load .comment_toggle {
	font-size: 10px;
}

#load #no_hits {
	background: #fff;
	border: 2px solid #CDCDCD;
	position: relative;
	bottom: 19px;
}

#load .comment_text.show {
	height: auto !important;
}

input {
	border: 1px solid #aaa;
	padding: 2px;
}

input.text-single {
	width: 18em;
}

input.text-half {
	width: 9em;
}

input.text-double {
	width: 37em;
}

select.details {
	width: 10em;
}


#loggedin {
	background: #eee;
	background: -moz-linear-gradient(#fff, #ddd);
	background: -webkit-linear-gradient(#fff, #ddd);
	border: 1px solid #aaa;
	border-top: none;
	color: #444;
	padding: 10px;
	display: inline;
	position: absolute;
	right: 0px;
	top: -20px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	font-size: 10px;
	z-index: 11;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.05);
}

#loggedin div {
	float: left;
	margin: 0px 10px;
}

#loggedin a {
	color: #444;
}

#project_status {
	float: right;
	position: absolute;
	right: 10px;
	top: 12px;
	background: #e8e8e8;
	padding: 5px;
	border: 1px solid #aaa;
	z-index: 10;
}

#project_status div {
	float: left;
	margin: 0px 5px;
}

/** Override sauer danfoss **/

#override_form td {
	height: 34px;
	position: relative;
}

#override_form input {
	width: 80px;
	display: block;
	margin: 0px auto;
}

#override_form .infoleft {
	float: left;
	margin-right: -3em;
	position: relative;
	top: 9px;
}

#override_form .inforight {
	float: right;
}

/** Table with alternating row colors **/
.alternate_colors {
	font-size: 14px;
}

.alternate_colors th {
	text-align: left;
}

.alternate_colors th, .alternate_colors td {
	padding: 5px;
}

.alternate_colors thead {
	background: #555;
	color: #eee;
	border: 1px solid #555;
}

.alternate_colors tbody tr:nth-child(odd) {
	background: #eee;
}

.alternate_colors tbody {
	border: 1px solid #555;
}

.alternate_colors tbody tr {
	border-bottom: 1px solid #555;
}

th.center, td.center {
	text-align: center;
}

/** Add PVG-page **/

#pvg_add {
	position: relative;
}

#pvg_add input {
	position: absolute;
	border: 1px solid #aaa;
	font-size: 16px;
	background: #eee;
	height: 25px;
	width: 90px;
}

#pvg_add input:focus {
	box-shadow: 0px 0px 4px #7777ff;
	border-color: #7777ff;
}

span.success, span.message {
	position: absolute; 
	top: 0px;
	left: 0px; 
	display: block;
	padding: 5px;
	background: #0c0;
	border: 1px solid #aaa;
	color: #fff;
	font-size: 20px;
}

span.message.error {
	background: #c00;
}

/** Edit PVG-page **/

#pvg_edit_table {
	width: 100%;
	border: 1px solid #444;
	border-collapse: collapse;
}

#pvg_edit_table th, #pvg_edit_table td {
	padding: 5px;
	border: 1px solid #444;
	text-align: left;
}

/** PVG match-maker-results table **/

#pvg_results_table {
	width: 100%;
	border: 1px solid #444;
	border-collapse: collapse;
}

#pvg_results_table th, #pvg_results_table td {
	padding: 5px;
	border: 1px solid #444;
	text-align: left;
}

/** User admin page **/

#user_admin fieldset {
	float: left;
	margin: 20px 20px 20px 0px;
	border-radius: 4px;
	background: #eee;
	padding: 15px;
}

#user_admin td:first-child {
	padding-right: 20px;
}

.green_button {
	background: #0c0;
	color: #fff;
	border-color: #0a0;
}

.red_button {
	background: #c00;
	color: #fff;
	border-color: #a00;
}

/** Colored selects **/

.select_red {
	color: red;
}

.select_red:hover {
	color: red;
}

.select_green {
	color: green !important;
}

.select_green:hover {
	color: green !important;
}

#status_select_wrap {
	position: absolute;
	top: 2px;
	right: 2px;
}

fieldset.frame-2>legend {
	/* Set the font weight to bold, the font-style to italic, the font size to large, and the font family to serif. */
	/* Percentage */
	font-size: 24px;
	/* font: bold italic large serif; */
	/* font-family: Arial; */
	font-variant: small-caps;
	font-weight: bold;
}

fieldset.frame-3>legend {
	/* Set the font weight to bold, the font-style to italic, the font size to large, and the font family to serif. */
	/* Percentage */
	font-size: 16px;
	/* font: bold italic large serif; */
	/* font-family: Arial; */
	font-variant: small-caps;
	/* font-weight: bold; */
}

td.detail-col {
	padding-left: 20px;
	padding-right: 20px;
}