/*
 * Quick mash-up of CSS for the TG quick start page.
 */

img {
    border: none;
}
body{
  color: black;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

th, td{
    padding: 0;
}

#header {
  text-align: center;
/*  height: 222px;*/
  width: 700px;
  /*border-left: 1px solid #aaa;*/
  /*border-right: 1px solid #aaa;*/
  /*border-top: 1px solid #aaa;*/
  margin: 0 auto 0 auto;
  /*margin-top: 30px;*/
}


#comment {
    color: black;
    font-size: 8px;
    width: 700px;
    margin: 0 auto 0 auto;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 10px;
}

a.link, a, a.active {
    color: #369;
}


#main_content {
    color: #3a3988;
    font-size: 100%;
    width: 720px;
/*    margin: 0 auto 0 auto;*/
    /*border-left: 1px solid #aaa;*/
    /*border-right: 1px solid #aaa;*/
/*    padding: 10px;*/
}


#footer {
    /*border: 1px solid #aaa;*/
    border-top: 0px none;
    color: #999999;
    padding: 10px;
    font-size: 90%;
    text-align: center;
    width: 700px;
    margin: 0 auto 1em auto;
}

.logoFabrikant {
    width: 150px;
    height: 50px;
    cursor: pointer;
    vertical-align: middle;
}

#spinnerDiv {
    display: none;
    position: absolute;
    visibility: visible; 
    z-index: 99; 
    background-image: url(/static/images/bg.gif); 
    width: 700px;
    height: 200px; 
    margin: 35px 0 0 3px;
}

#autoCompleteSpinner{
    margin: 95px 0 0 345px;
}

div.flash{
    margin: 0 0 0 300px;
    color: #FF0000;
}
/*
* Bijsluiter div control
*/

#searchListOff{
    display: none;
}

#searchDitailsOff{
    display: none;
}

#searchDitailsOn{
    margin-left: 3px;
}

/*
 * BijsluiterAutocompleteStyleSheet
 */

.autoTextResults {
	position: absolute;
	z-index: 100;
}

.autoTextTable {
	background-color: #FFFFFF;
	border-top: 1px solid   black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.autoTextNormalRow {
	font-family: arial, sans-serif;
	font-size: 13px;
}

.autoTextSelectedRow {
	background-color: #316AC5;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 13px;
    cursor: pointer;
	
}

.autoTextHighlight {
	font-weight: bold;
}

.autoTextHidden {
	display: none;
}

.listHover {
    color: #FFFFFF;
    background-color: #AFA9CC;
    cursor: pointer;
}
.listNormal {
    color: #000000;
    background-color:#FFFFFF;
}

tr.listHover td a {
    color: #FFFFFF;
}

#innertable {
  width:700px;
  margin-top: 10px;
}

#innerdiv {
  width: 700px;
  margin-left: 1px;
}

#listDiv {
  width: 733px;
  height: 200px; 
  overflow: auto; 
  border: 1px solid #7480DC;
  background-color: white;
}

#logos {
    width: 700px;
    margin-top: 25px;
    background-color: #fff;
    width: 
}

#overDiv {
  background: #24247C none;
  padding: 10px;
  border: 1px solid;
  border-top-color: lightgrey;
  border-left-color: lightgrey;
  border-right-color: grey;
  border-bottom-color: grey;
}

.popup {
  background: #24247C none;
  color: white;
}

#listTable {
  width: 714px;
}

.popup_label {
  display: inline;
  font-weight: bold;
  color: #AFA9CC;
  margin-right: 4px;
}

#resulttable tr td {
  padding-right: 4px;
}

a.table_link {
  display: block;
  text-decoration: none;
  color: #24247C;
}

/* temp Firefox fix for column width, fix pending for IEx */

#innertable td[width="110px"] {
  width: 106px!important;
}

#innertable td[width="150px"] {
  width: 148px!important;
}

#overDiv {
	font-size: 14px;
}