/* CSS Document */

@font-face {
  font-family: "Sysmex";
  src: url("fonts/Sysmex-Regular.ttf") format("truetype");
  src: url("fonts/Sysmex-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Sysmex";
  src: url("fonts/Sysmex-Bold.ttf") format("truetype");
  src: url("fonts/Sysmex-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}


body {
font-family:Sysmex, Helvetica, sans-serif; font-size:12px; color:#000000; margin:40px 0 0 0 ;
background-color:#FFF; 

}


#logo { position:relative; top:50px; left:110px;}

#content { position:relative; top:70px; left:150px;}


#two-columns { width:750px;}

#column-left {float:left; margin-right:20px; width:66%; margin-top:30px; }

#column-right {float:left;  width:30%; margin-top:30px;}


.note {
	font-size:11px; position:absolute; left:250px; top: 280px; width:200px;
	}


#main-form { 
    margin-top:100px; margin-left:150px;
	

}




.required {
color:#CC3300;}


.invalid {
background-color:#FDE9AC;
}




    .sys-corp:hover {
	background: url(../media/sys-corp-ON.png); 
	}
	
	.sys-tech:hover {
	background: url(../media/sys-tech-ON.png); 
	}
	
	.sys-bc:hover {
	background: url(../media/sys-bc-ON.png); 
	}
	
	.sys-badge:hover {
	background: url(../media/sys-badge-ON.png); 
	}
	
	.sys-bc-badge:hover {
	background: url(../media/sys-bc-badge-ON.png); 
	}
	
	.sys-inostics:hover {
	background: url(../media/sys-inostics-ON.png); 
	}