/*
 * REQUIRED STAR : Use to indicate mandatory fields in forms
 */
@font-face {
  font-family: 'latobold';
  src: url('/apps/_content/fonts/lato/lato-bold-webfont.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregular';
  src: url('/apps/_content/fonts/lato/lato-regular-webfont.woff');
  font-weight: normal;
  font-style: normal;
}
.requiredStar
{
	float: left;
	width: 9px;
	height: 9px;
	margin-right: 2px;
	background: #FFFFFF url(../image/star_blue.gif) no-repeat;
}

.error{
  color:red;
}

html{
  font-family: 'latoregular';
}

body{
  font-family: 'latoregular';
}

button,
input[type="button"],
input[type="submit"]{
  font-family: 'latoregular';
}

.page-content .topmenu-content
{
  /*max-width:800px;*/
}


/* VPG drivers table */

/*
 * SIMPLE GRID and GREY HEADERS GRID (no background color grid)
 */
table.simple_grid,
table.greyHeaders_grid
{
  border-collapse: collapse;
}
table.simple_grid th,
table.greyHeaders_grid th
{
  font-weight: bold;
  text-align: left;
  border: 1px solid #666666;
  padding: 5px;
  background-color: transparent;
  vertical-align: top;
}
table.greyHeaders_grid th
{
  background-color: #D9D9D9; /* grey headers */
}
table.simple_grid td,
table.greyHeaders_grid td
{
  text-align: left;
  border: 1px solid #666666;
  padding: 5px;
  background-color: transparent;
  vertical-align: top;
}

table.simple_grid td p,
table.greyHeaders_grid td p{
  margin-top:0px;
}

/* Tooltip */

span.tooltip{
  display:none;
  border:4px solid rgb(220, 220, 220);
  padding:3px;
  margin-top:0px;
  background-color:rgb(245, 245, 245);
  color:rgb(120, 120, 120);
  position:absolute;
  max-width:300px;
}

p:hover>span.tooltip{
  display:block;
}