*
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	
}

a { color:#000;
 }

.imprintHeader {
	font-size: 25px !important;
	border-bottom: 1px solid black;
}

.imprintDesign {
	font-size: 14px !important;
}

.bottomFooter {
	font-size: 15px;
}
/* TODO remove from html 
#ctl00_LogoImg {
	src: url("../Images/comtradgroup.png");
}
*/
.logo {
	/*background: url("../Images/comtradgroup.png") no-repeat scroll 13px 51px transparent;*/
	width: 211px;
	height: 110px;
}
.logo img
{
  margin-top: 48px;
}


html,body,form
{
	height: 100%;
	border: 0;
	color: #000;
}

input,
select {
	padding: 4px 2px;
	padding-top: 4px;
	margin-top: 3px;
	color: black;
	background-color: #fcf0d4; /* #ebf7ff; */
	font-size: 12px;
}

input[type=text],
input[type=password],
select
{
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    margin-top: 3px;
}

input[disabled=disabled],
select[disabled=disabled]
{
	color: black;
}

input[type=text],
input[type=password]
{
	width: 149px;
}

select
{
	width: 156px !important;
}

select#ctl00_ContentPlaceHolder1_ddlDateFormat1,
select#ctl00_ContentPlaceHolder1_ddlDateFormat3,
select#ctl00_ContentPlaceHolder1_ddlDateFormat2
{
	width: 70px !important;
}

#ctl00_ContentPlaceHolder1_TableLeft select
{
	width: 220px !important;
}

#ctl00_ContentPlaceHolder1_Tableright input[type=text]
{
	width: 100px;
}

select#ctl00_ContentPlaceHolder1_ddlDateFormat_Seperator1,
select#ctl00_ContentPlaceHolder1_ddlDateFormat_Seperator2
{
	width: 40px !important;
}

select#ctl00_ContentPlaceHolder1_ddlCountries {
	width: 207px !important;
}

select#ctl00_ContentPlaceHolder1_ddlRegCountries {
	width: 407px !important;
}

select#ctl00_ContentPlaceHolder1_ddlDataCountries {
	width: 257px !important;
}

input[type=radio] {
	vertical-align: bottom;
}

input[type=checkbox]
{
	margin-top: -1px;
	margin-right: 2px;
	vertical-align:middle;
}

input[type=submit]
{ 
    margin-top: 1em;
    display:inline;
}

input[type=submit].buttonMarginReset
{
	margin-top:0;
}

input[type="text"].short
{
	width:75px;
}

input[type=submit]:hover
{ background:red; color:#fff;}

/*
#ctl00_ContentPlaceHolder1_TableALeft td,
#ctl00_ContentPlaceHolder1_TableARight td
*/
.searchtbl .part1 td,
.searchtbl .part2 td
{
    height:24px;
}

.ddl {
	margin-left: auto;
	margin-right: auto;
	align-content: center;
}

.searchtbl .part1 input[type=checkbox],
.searchtbl .part2 input[type=checkbox] {
	margin-top: -1px;
	margin-right: 0;
	vertical-align: middle;
}

input.text
{
	border: 1px solid;
	padding: 2px;
	color: #801918; /*#06619a; */
}

textarea
{
	width: 100%;
}

#Checkbox2 
{
    padding-left:1em;
    border: 2px solid blue;
}

.mailTextArea
{
  width: auto;
}

.ddlText
{
	border: 1px solid black;
	padding: 2px;
}

.bold
{
	font-weight: bold;
}

table.main
{
	height: 98%;
	width: 100%;
	border-collapse: collapse;	 
}

.versionNumber {
    width: 100%;
    height: 2%;
}

h1, h2, h3
{
/*	color: White; */
	font-weight: normal;
	margin: 5px 0;
	margin-bottom: 10px;
}

h1
{
	font-size: 16pt;
}

h2
{
	font-size: 12pt;
}

h3
{
	font-weight: bold;
}

p
{
	margin-bottom: 10px;
}

/* content row */
tr.middle
{
	height: 90%;
}

/* page header section */
tr.head
{	
    vertical-align:top;  
	background-color:Silver;
}

.head table.topMenu {
	width: 100%;
}

.head td.navigation
{
	float: right;
	text-align: right;
	padding: 18px 10px 8px 2px;
	color: black;
}

.head td.navigation a
{
	color: black;
	text-decoration: none;
}

a:hover
{
	color: red;/* #FF8C00; */
	text-decoration: underline;
}

.head td.navigation a:hover
{
	text-decoration: underline;
}

/* header main navigation. remark: id #header is missleading */
div#header 
{
    margin-top: 33px;
}

#header ul {
	list-style: none;
	display: inline-flex;
}

#header ul li
{
	float: left;
	margin: auto 0;
	white-space: nowrap;
}

#header ul li a
{
	text-transform: uppercase;
	text-decoration: none;
	padding: 1em;
	font-weight: bold;
	display: block;
	text-align: center;
	color: black;
}


#header ul li a.selected,
#header ul li a:hover, 
#header ul li.more:hover a
{
	color: darkorange;
}

#header ul li.more ul li a, #header ul li.more:hover ul li a
{
/*	color: #000; */
	border-bottom: 1px solid #d8d8d8;
	padding: 5px 0;
	height: auto;
	display: block;
}

#header ul li.more
{
	position: relative;
}

#header ul li.more ul
{
	display: none;
	position: absolute;
	top: 45px;
	left: 10px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-top: none;
	border-bottom: 0;
	height: auto;
	padding: 0;
}

#header ul li.more ul li
{
	float: none;
	padding: 0;
	padding-top: 5px;
}

#header ul li.more ul li a:hover
{
	color: #2bc0ca;
}

#header ul li.more:hover ul
{
	display: block;
}

td.footer 
{
	text-align: center;
	color: gray;
	display: block;
}

option 
{
    padding: 0 3px;
}

/* left side menu */
.sideMenu h1, 
.sideMenu h2, 
.sideMenu h3,
.sideMenu a
{
	color: black;
}

.sideMenu span
{
  padding:5px 1px 0 0;
  margin: 8px 1px 0 0;
  display:block;
  width:auto;
  cursor: pointer;
}

td.sideMenu
{
/*	background: url(  '../Images/side_bg.png' ) repeat-y scroll top left ;	*/
	vertical-align: top;
	background-color: rgb(226,226,227);
	padding: 0 6px 0 10px;
	text-transform: uppercase;
	font-size: 12px;
	width: 212px;
	border-right: 12px solid white;
}

td.sideMenu ul
{
	line-height: 20px;
	font-size: 8pt;
	list-style: none;
	margin-right: 10px;
}

td.sideMenu li
{
	/* border-top: 1px solid #d8d8d8; */
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}
td.sideMenu li.selected,
td.sideMenu li.selected a,
td.sideMenu li a[style*=bold],
td.sideMenu li:hover,
td.sideMenu a:hover
{
  /*  background-color:#DB5353;*/
    color:darkorange;
    text-decoration: none;
}


td.sideMenu li.selected a
{
	font-weight: bold;
} 

.header a.selected
{ color: Red;
}

td.sideMenu ul li a
{
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	padding-left: 7px;
}

td.content
{
	background-color: #fff;
	padding-top: 10px;
	vertical-align: top;	
}

.searchtbl .part2 .button
{  
    float:none;
}

.tableGrid
{
  border-collapse : collapse;
}
 
table.tableGrid
{
    margin: 6px 3px 16px 0;
    border: 1px solid silver;
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
} 

/* table head */
.tableGrid th, .tableHead 
{
  color: black;
  padding:  5px 10px 5px 10px; 
  background-image:url('../Images/header_bck.png');
  height: 25px;
  text-transform:uppercase;
  font-weight: bold;
}

.tableGrid th a
{
  text-decoration:none;
} 

.tableGrid th a:hover
{
  text-decoration:underline;
} 
 
.tableGrid tr
{
  border-bottom: 1px solid silver;
  background-color: White;
  height: 2em;
}

.tableGrid tr:first-child
{
  border-top: 1px  solid rgb(219, 83, 83); 
  border-left: 1px  solid rgb(219, 83, 83); 
  border-bottom: 1px  solid #900000; 
  border-right: 1px  solid  #900000;   
}

	.tableGrid tr:nth-child(odd) {
		background-color: #fcf0d4;
		border-bottom: 1px solid silver;
	}

.tableGrid tr input
{
 background-color:White;
}

.tableGrid tr:nth-child(even)
{
    border-bottom:1px solid silver;
}

.tableGrid tr:hover
{
  background-color: silver;  
}
 
.tableGrid tr
{
  border-bottom:1px solid silver;
}

.tableGrid td
{
  padding: 7px 3px 4px 7px; 
  height: 2em;
}

.tableGrid td a
{
  color: black; 
  text-decoration:underline;
}

.tableGrid td a:hover
{
  color: red; 
}

.dashboardTD
{   
    border: 1px solid #000000;
    padding:0;
}

.dashboard .dashboardPart
{
	width:495px;
	height:418px;	
}

.dashboard .reportControlsTd
{
	vertical-align:top;
	text-align:left;
	height: 12px;
	padding: 0 0 1px 0;
}

.dashboard .reportControls
{
	padding-left: 10px;
}

BlackLink
{
	color: Black;
}

.dashboard .reportViewerTd
{
	vertical-align:top;
	text-align:center;
	padding: 1px;
}
.reportViewerTd div
{
	overflow: hidden;
}

a[disabled=disabled],
a[disabled=disabled]:hover,
.tableGrid td a[disabled=disabled],
.tableGrid td a[disabled=disabled]:hover
{
	color: #000;
	text-decoration:none;
}

/* specific forms */
/* TODO: should be class selector */
#ctl00_ContentPlaceHolder1_TableUserInfo td
{
	padding-bottom: 3px;
}

table#ctl00_ContentPlaceHolder1_TableUserInfo
{
	border-collapse:separate;
	border-spacing:3px 3px;
}

#caleExtToDate_popupDiv,#caleExtFromDate_popupDiv
{
	z-index:5000;
}

.pnlReportType, 
.pnlPages
{
	padding: 3px 0 3px 0;
}

.inlineTable
{
	float:left; 
	margin-right:12px;	
}

td.sideMenuFooter {
	background-color: #fff;
	padding: 0 6px 0 10px;
	font-size: 11px;
	width: 212px;
	border-right: 12px solid white;
}

table.main td.contentFooter {
	text-align: center;
	font-size: 15px;
	padding-right: 90px;
}

table.main td.bottomFooter {
	font-size: 20px;
}

.editCustomer {
	line-height: 35px;
}