BODY
{
	background-color: white;
	background-image:url('back.jpg');
	background-repeat:repeat-x;
	font-size: 12px;
	font-family: Arial,sans-serif;
	margin: 0;
	padding: 0;
}

H1.menu {
 
  text-align: center;
  color: #111111;
  font-weight: bold;
  letter-spacing: 2px;
  margin:0;
  font-size: 14px;
  padding: 3px;
  margin-bottom: 50px;
  background-color: #FFFFCC;
  border-bottom: 1px solid gray;
}

H2
{
	font-size: 15px;
}
H3
{
	font-size: 17px;
	margin-top: 5px;
}

DL
{
	width: 500px;
	clear: both;
}

DT
{
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	width: 150px;
		vertical-align: top;
}

DD
{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	clear: right;
	text-align: left;
	line-height: 16px;
	margin-left: 0;
	
}

DD UL
{
	display: block;
	clear: both;
	padding-bottom: 5px;
}

UL {
	padding-left: 15px;
}
UL LI
{
	list-style-type: square;
}

A, A:hover, A:visited
{
	color: #3165FF;
}

A IMG
{
	border: 0;
}

.jobInfo {
	padding: 10px;
}
.jobInfo .companyImage {
	-moz-border-radius:10px 10px 10px 10px;
	background-color:white;
	border:1px solid #E0E0E0;
	left:500px;
	outline:medium none;
	padding:10px;
	position:absolute;
	text-align:center;
	border-left: 0;
}

.jobInfo .companyImage IMG {
	width: 100px;
}

.jobInfo .companyImage.doublesize IMG {
	width: 200px;
}

.companyImage
{
	margin: 0 auto;
}
.companyImage IMG
{
	display:block;	
}

.jobInfo
{
	display: block;
}

.companyInfo
{
	float: left;
	background-repeat: no-repeat;
}

#maincontent
{
	width: 600px;
	margin: 0 auto;
	position: relative;
}

.title
{
	font-size: 25px;
	color: white;
	margin: 25px;
}

.subtitle
{
	font-size: 18px;
	color: black;
	margin: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}



#navigation
{
	margin:0;
	padding:0;
	padding-left: 20px;
	margin-top: 0;
}

#navigation LI
{
	margin: 0;
	padding:0;
	float: left;
	clear: both;
	list-style-type:none;
	padding: 5px;
}	

#navigation LI A
{
	color: black;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

#navigation LI A:hover
{
	text-decoration:underline;
}

#timeline
{
	margin-top: 25px;
	height: 100px;
	padding-top:20px;
}

#timeline .line
{
	border-top: 2px dotted #CDCDCD;
	border-bottom: 2px dotted #CDCDCD;
	background-color: #EFEFEF;
	height: 30px;
	margin: 0 auto;
	
	position: relative;

	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.22, rgb(204,236,245)),
    color-stop(0.56, rgb(167,219,235))
	); 
	background-image: -moz-linear-gradient(
    left top,
    rgb(204,236,245) 22%,
    rgb(167,219,235) 56%
	);


}

#timeline .mark, #timeline .point, #timeline .yearmark
{
	border-left: 2px dotted #ABABAB;

	background-repeat:repeat-x;
	background-position: middle right;
	height: 60px;
	width: 1px;
	position:absolute;
}

#timeline .mark
{
	border-left:2px dotted #3E3F40;
	width: 10px;
	height: 25px;
	margin-top: -29px;
}

#timeline .mark .label
{
	position: absolute;
	left: -15px;
	top: -15px;
	font-size:9px;
	color: black;
	display:block;
	white-space: nowrap;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	z-index: 0;
	padding:0;
}

#timeline .mark .couldOverlap
{
	margin-top: 10px;
	background-color: white;
	border: 0;
}


#timeline .point .label
{
	cursor: pointer;
}

#timeline .yearmark .year
{
	position: absolute;
	font-size: 8px;
	color: #ABABAB;
	left: -13px;
	top: 65px;
}

.timespan
{
	position: absolute;
	border: 1px dotted black;
	background-color: white;
	overflow:hidden;
	height: 28px;
	text-align: center;
	line-height: 28px;
	vertical-align:middle;
	cursor: pointer;
}


.couldOverlap
{

}

.label.point .couldOverlap
{
	margin-top: 20px;
	background-color: transparent;
	border: 0;
}

#timeline .timespan .label
{
	font-size: 10px;	
	color: #3E3F40;
	font-weight:bold;
	cursor: pointer;
}

.wiibutton
{
	border-collapse: collapse;
	background-color: white;
	margin: 0 auto;
	margin-top: -60px;
	margin-left: 120px;
}



.wiibutton .bottom .left, .wiibutton .bottom .right, .wiibutton .top .left, .wiibutton .top .right
{
	background-image:url('button.jpg');
	height: 26px;
	width: 36px;
	background-repeat: no-repeat;
}

.wiibutton .top .left
{
	background-position: top left;
}

.wiibutton .top .right
{
	background-position: top right;	
}

.wiibutton .top .center, .wiibutton .bottom .center
{
	background-repeat: repeat-x;
}

.wiibutton .center .left, .wiibutton .center .right
{
	background-repeat: repeat-y;
}

.wiibutton .center .left
{
	background-image: url('buttonleft.jpg');
	background-position: top left;
	
}

.wiibutton .center .right
{
	background-image: url('buttonright.jpg');
	background-position: top right;
}

.wiibutton .bottom .left
{
	background-position: bottom left;
}

.wiibutton .bottom .right
{
	background-position: bottom right;
}

.wiibutton .top .center
{
	background-image: url('buttontop.jpg');

}

.wiibutton .bottom .center
{
	background-image: url('buttonbottom.jpg');
	background-position: bottom left;
}

.wiibutton .center .center
{
	width: 600px;
}

.section
{
	display:none;
	padding: 15px;
	
}

.selectedtime
{
	font-size: 11pt;
	padding: 2px;

}

.normaltime
{
	font-size: 9pt;
}


th
{
border-bottom: 1px solid #CDCDCD;
}

td {
	line-height: 20px;
}

.info {
background-color:#FFFFCC;
border:1px solid #999999;
padding:0.7em;
}


.hovered {
	background-color: #FFFFCC;
}

.hoverLabel {
	background-color: #FFFFCC;
	border: 1px solid #000000;
	z-index:999;
	padding: 2px;
	margin-left: -2px;
	cursor: pointer;
}

.normalLabel {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	z-index: 0;
	padding:0;
	margin-left: 0;
}

.floatingLogo {
	position: absolute;
	z-index: 10;
	border: 3px solid black;
	background-color:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	padding: 10px;
	margin-top: 100px;
}

.floatingLogo A {
	color: black;
}
.slideContent {
	position: absolute;
	margin-left: 185px;
	margin-right: 200px;
	max-width: 600px;
	top: 180px;
	border: 1px solid #F0F0F0;
	-moz-border-radius: 10px;

}

.slideContent .jobInfo {
	min-width: 550px;
	min-height: 300px;
}

.slideContent .companyImage {
	background-color:white;
}

.welcome P{
	margin-right: 100px;
}