body {height: auto; overflow-y: scroll;}
sub {vertical-align: text-bottom; }

.caps, .FormTitle {text-transform:uppercase;}
td.toppad {padding-top: 10px;}
a img {border-style: none;}
/*#con {padding-right: 4px;}*/
#con td, a img {vertical-align: top;}
th a:hover, th a:active {font-weight: bold;}
a.noline:link, a.noline:visited {text-decoration: none;}

/* currently just for links on Contact Names  */
.bluelinks a:link, .bluelinks a:visited, .bluelinks a:hover, .bluelinks a:active 
	{text-decoration: none;}
.bluelinks a:link, .bluelinks a:visited 
	{color: #223468;}
.bluelinks a:hover, .bluelinks a:active 
	{color: #A68033;}
.grey .bluelinks a, .bluelinks a.grey, .ContentCellWhite a.grey
	{color: #bababa;}

pre {
	font-family: "courier new", monospace;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 15px 20px;
	margin: 10px 0px;
	position: relative;
}
pre:after {
	position: absolute; 
	top: -7px;
	left: 4px;
	content: "debug";
	font: arial 10px;
	color: #aaa;
	background-color: #eee;
	border: 1px solid #ccc;
}
	
.mouseover {
	background-image: url(/img/mouseover.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 5px;
}
#tooltip {
	position: absolute; 
	top: -1000px; 
	left: 0; 
	width: auto; 
	border-right-color: #707070; 
	border-bottom-color: #707070; 
	white-space: nowrap; 
	cursor: default;
	z-index: 99;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 -_- */
	filter: alpha(opacity=90); /* other IE */
}
#template {
	position: absolute; 
	top: -1000px; 
	left: 0; 
	z-index: 99;
	width: 550px; 
	background-color: #bababa; 
	border: solid #707070 1px;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 -_- */
	filter: alpha(opacity=90); /* other IE */
}
#template select {
	width: 400px;
}
#template_closer {
	position: absolute; 
	right:5px; 
	top:0px; 
	text-decoration: none; 
	font-family: arial;
	font-size: 16px;
	color: #707070; 
}


#filtertable {
	position: relative
}
.filterbox {
	font-family: verdana;
}
.filterbox tr {
	height: 16px;
}
.filterbox td {
	text-align: center;
	font-size: 11px;
	vertical-align: middle;
}

.filterbox td.box {
	vertical-align: top;
	text-align: left;
}
.filterbox td.box div {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.filterbox input {
	border-color: #f0f0f0;
	width: 58px;
	font-size: 10px;
	padding: 0;
	text-align: center;
}
#filtertable select {
	z-index: 0;
	position: absolute; 
	top: 0;
	left: 0;
	font-size: 11px;
	display: none;
}
#filtertable .summarized {
	background-color: #f0f0f0;
	color: #e0e0e0;
}
#filtertable .hasvalues {
	background-color: transparent;
}
#filtertable .hasvalues div {
	background-color: #fff8e0;
	color: #262324;
	border: solid 1px #262324;
	height: 100%;
}
#filtertable .overflow div {
	border-bottom-style: dashed;
}


.overview {width: 100%;}
.fullwidth {width: 669px;}
.overview td {padding: 0 2px 0 1px;}
.overview a {border-left: 1px solid white;}

input, select, textarea {width: 250px;}
textarea {overflow: auto; height: 50px;}
option {width: auto;}
input.small {width: auto; margin: 0 2px; border-style: none; background-color: transparent; }

input.readonly, select.readonly, textarea.readonly {
	background-color: #F8F8F8;
   border-color: #ddd #c5c5c5 #c5c5c5 #ddd;
}

tr.brown td {color: #b06040;}
tr.grey td, .grey {color: #bababa;}
tr.bold td {font-weight: bold;}
.greybg {background-color: #f1f0f1;}
tr.overline td {border-top: solid #dddddd 1px;}
tr.overline th {border-top: solid black 1px; text-align: left;}
tr.boldoverline td {border-top: solid #404040 1px;}
.hidden {visibility: hidden;}

tr.left th {text-align: left;}
tr.underline th, tr.underline_light th {border-bottom: 1px solid black; text-align: left;}
tr.underline_light th {border-bottom-color: bababa;}
tr.underline th a, tr.left th a {text-decoration: none; font-weight: bold; }
td.overline {border-top: 1px solid black; }

#con tr.monstat_total td {vertical-align: bottom;}

#rates input {width: 110px; }
.ratesButton {background-color: #f0f0f5; color: #b00000;}

.clean_company {
	text-transform: none;
	margin-left: 20px;
	color: #bababa !important;
}

.neutral, .good, .bad {
	padding: 2px 8px; 
	margin: 2px 0; 
	border: 1px solid;
	color: black;
}
.neutral {
	background-color: #fafae6;
	border-color: #b0b0b0;
}
.good {
	background-color: #efffef;
	border-color: #90d090;
}
.bad, tr.error select, input.error, select.error, textarea.error {
	background-color: #ffeaea;
	border-color: #f09090;
}
.bold {font-weight: bold;}

.red {color: #d00000;}
.orange {color: #f0a000;}
.green {color: #00a000;}
.grass {color: #a0b000;}
.light {color: #b3b3b3;}
.lightred {color: #f1b3b3;}
.lightorange {color: #fbe3b3;}
.lightgreen {color: #b3e3b3;}

tr.error .FormCellRight, span.error  {color: red; font-weight: bold;}

.bigplus {font-weight: bold; font-size: 24px; text-align: center;}

.h19 {height: 19px;}


/* Evaluation */
#eval_codes_expl {
	margin-top: 40px;
}
#eval_codes_expl td.FormCellRight {
	width: 30px;
	font-weight: bold;
}


/*
 *  Item overview column widths
 */ 
th.edit, th.email {width: 22px;}
th.word {width: 16px;}
th.M, th.S {width: 15px; }
th.SM {width: 20px; }
th.name {width: 170px;}
th.accountname {width: 200px;}
th.function {width: 180px;}
th.account {width: 55px;}
th.MS {width: 42px;}
th.date {width: 72px;}
th.advice_type {width: 110px;}
th.advice_title {width: 250px;}
th.serial {width: 52px;}
th.subject {width: 200px;}
th.file_download {width: 90px; }

.nowrap {white-space: nowrap;}
th.from {width: 35px;}
th.to {width: 40px;}
th.dupl, th.clbr {width: 30px;}
th.invoiceid {width: 65px;}

.amount, .overview .amount {text-align: right; padding-right: 5px; white-space: nowrap;}
.right, tr.underline th.right, tr.overline th.right {text-align: right; padding-right: 3px;}
.center, tr.underline th.center {text-align: center; }


td.FormTitle {
	color: #324A97;
	text-align: right;
	padding: 8px 20px;
	font-weight: bold;
}

/* official classes */
#con .FormCellRight {padding-right: 20px;  width:140px;}
#con .ContentTextBlue {background-color: transparent;}
.ContentAlertSmall, .ContentAlertSmallWhite {min-width: 170px; max-width: 170px; width: 170px; }

.navigationHistoryCurrent, a.navigationHistoryCurrent:link, a.navigationHistoryCurrent:visited {
	color: #E3852F;
}

/*
 *  Content Surroundings
 */
.pages {
 width: 100%;
}
.pages th {
 font-weight: normal;
}

.logotd {
 text-align: center; 
 background-color: #162663;
}

tr.rate td input {width: 40px;}



#logoutwarning {
	background-color: yellow;
	border: solid 2px red;
	z-index: 1;
	position: absolute; /* fixed does not work, because IE needs to be in quirks mode :( */
	top: 400px; 
	left: 50%;
	width: 400px;
	padding: 30px 20px;
	margin-left: -200px;
	text-align: center;
}

.companychooser, .suggestions {
	height: auto;
	border: 1px solid blue;
	background-color: white;
	position: absolute;
	padding: 4px 8px;
	width: 200px;
	line-height: 16px;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 -_- */
	filter: alpha(opacity=90); /* other IE */
}
.suggestions {
	width: 320px;
}

/*
 *  Invoice Preparaton
 */
table.projects {width: 580px; margin-left: 50px;}

#toggledetail, #tabledetail {
	clear: both; 
	width: 580px; 
}
#toggledetail {margin-top: 20px; padding-left: 2px}

.invoiceprep input, .invoiceprep select, .invoiceprep textarea, table.projects select {
	width: 100%; 
	border-color: #d0d0d0;
}
#con .invoiceprep .FormCellRight 
	{width: 105px;}
.invoiceprep input.small 
	{width: auto;}
th.item-amount, th.item-unitprice, th.item-total, table.invoice .w75 
	{width: 75px;}
.invoiceprep tr 
	{height: 19px}
.an_level, .an_month
	{cursor: pointer;}


.vcard {
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20); 
}
.vcard:hover, .vcard:active {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
}


/* remove unnecessary menus and headers for printing */
@media print {
	.noprint, 
	.HeaderRightSide, 
	.LeftNavigationTopFiller, 
	.RightNavigationTopFiller, 
	.ContentTopFiller,
	.NavigationBottomFiller, 
	.FormButton,
	.footertr,
	#calendar-container,
	.Block_F
		{display: none;}
	
	#con {
		display: block;
		width: auto; 
		height: auto;
		position: absolute;
		top: 0; 
		left: 10px;
	}
}