@charset "UTF-8";
/* CSS Document */
/**********************************************/
/*					FONTS					  */
/**********************************************/
@font-face{font-family: newErasDemi;src:url('../Fonts/ITCErasStd-Bold-Exp2.ttf') format("truetype");}
@font-face{font-family: charcoal_exp;src:url('../Fonts/Charcoal-Exp.ttf') format("truetype");}
@font-face{font-family: charcoal;src:url('../Fonts/Charcoal.ttf') format("truetype");}
@font-face{font-family: newErasMed0; src: url('../Fonts/ITCErasStd-Med-0.ttf')  format("truetype");}
@font-face{font-family: newErasDem0; src: url('../Fonts/ITCErasStd-Dem-0.ttf')  format("truetype"); font-weight:600; font-style:normal;}

body{ margin:0px; padding:0px;font-family:"newErasMed0"; color:black; height:100%; max-height:630px; width:100%; max-width:821px;}
html{ height:100%; width:100%;}
#hvx_container{background-color:#e6e6e6; width:100%; overflow:hidden; max-width:821px; height:100%; max-height:630px; text-align:center; position:relative; min-width:320px; min-height:400px;}
h2{margin:0px; padding:0px;}
a:hover {color:#9B242D;}
a:visited {color:#c00;}
img{border:0;}
#outside_link{padding-left:290px;}
.main-title{font-family:newErasDemi; font-size:26px; width:80%; margin-left:10%;}
.title{font-family:newErasDemi; font-size:20px; width:80%; margin-left:10%;}


/**********************************************/
/*			 		MAIN	 				  */
/**********************************************/
#HVX_main{ position:absolute; width:84%; left:8%; top:40px;}
#main_text{color:#c00; position:absolute; bottom:20%; left:10%; }
#warning{ position:absolute; top:12%; left:20%;}


/**********************************************/
/*			 CableEye Software 				  */
/**********************************************/
li{text-align:left;}
ul{padding-top:10px; padding-left:55px; margin-top:-5px;}

#software_screenshot{margin:-5px 0 5px -60px; padding:0; font-size:14px; color:#555; font-weight:bold;}

.wiring{margin-left:-60px;}
	
.netlist{position:absolute;top:440px;left:535px;border:1px solid #ccc;background-color:rgba(0,0,255,0.8);	background-color:#e6e6e6\9;	padding:3px;}

#pdf_icon{ position:absolute; top:335px; right:40px;}
#pdf_icon p{margin:0px; padding:0px; font-size:14px;}
#cable_report{position:absolute; top:50px; left:230px; padding:5px; background-color:#ccc; border:1px solid black; display:none;}
.instr{font-size:13px; color:#555; font-weight:bold; margin:0;}

/**********************************************/
/*			 4 wire							  */
/**********************************************/
#four-wire-text{ width:80%; margin-left:5%;}
#four-wire-image{ width:67%;}


/**********************************************/
/*			 External Terminals				  */
/**********************************************/
#transformer{ position:absolute; left:40px; top:10%; width:52%;}

#ext_ter_text{ position:absolute; right:40px; width:40%;}
#ext_ter_ss{ position:absolute; right:40px; bottom:10%; color:#c00; font-size:14px; line-height:16px; width:30%;}
#ext_ter_th {background-color:rgba(0,0,255,0.8); background-color:#e6e6e6\9; padding:3px; width:98%; }
#ext_ter_preview{position:absolute; top:15%; left:15%; width:72%; padding:3px; background-color:#ccc; color:#c00; border:1px solid black; display:none;}
#ext-ter{ width:98%;}

/**********************************************/
/*			 Expansion Modules				  */
/**********************************************/
#expansion_text{width:92%;}
#hvx_image{position:absolute; left:60px; bottom:0px; width:67%;}
#hvx_0, #hvx_1, #hvx_2, #hvx_3{position:absolute; bottom:0px; left:0px; width:100%;}
#hvx_1, #hvx_2, #hvx_3{ display:none;}

#tp_links{ position:absolute; right:60px; bottom:45%; }
#tp_links p{margin:0px; padding:0px; line-height:18px; font-size:14px; color:#c00;}
#tp_128,#tp_256,#tp_384,#tp_512{border:2px solid black;}
#tp_256,#tp_384,#tp_512{border-top:hidden;}
#tp_links a{text-decoration:none; color:blue;}

#harness{position:absolute; bottom:20px; right:20px;}
#harness_th{background-color:rgba(0,0,255,0.8);	background-color:#e6e6e6\9;	padding:3px;}
#harness_preview{position:absolute; top:80px; left:150px; padding:3px; background-color:#ccc; border:1px solid black; display:none;}

/**********************************************/
/*			 Measurement Data				  */
/**********************************************/
#data_text{ position:absolute; width:42%; left:50px; top:50px; }
#hv_report{ position:absolute; right:40px; top:50px; background-color:rgba(0,0,255,0.8);	background-color:#e6e6e6\9;	padding:3px; width:30%;}
#hvx_report_link{ position:absolute; background: url(../home_hvx_features/data/report_arrow.png) no-repeat; line-height:15px; font-size:14px; color:#c00; position:absolute; top:260px; left:-200px; width:18%; height:99px; padding-top:33px; text-align:left; padding-left:20px; opacity:0;}
#data-results{ position:absolute; bottom:10%; width:80.5%; left:10%;}

/**********************************************/
/*			 	  CB Boards					  */
/**********************************************/
#boards_text1{width:90%;}
#hvx_boards{position:absolute; width:60.9%; left:40px;}
#hvx_no_boards{ width:100%;}
#hvx_cb29, #hvx_cb8, #hvx_cb15{position:absolute; width:100%; top:0px; left:0px; display:none;}
#cb15{ position:absolute; right:40px; width:20%;}
#boards_text{ position:absolute; width:60%; left:20px; bottom:5%;}
#cb8{position:absolute; width:18%; bottom:12%; right:15.8%;}
#cb29{position:absolute; width:18%; bottom:3%; right:3%;}

#hover_text_boards{position:absolute; bottom:42%; right:50px; color:#c00; font-size:14px;}

/**********************************************/
/*			 	  Test Settings				  */
/**********************************************/
#parameters_text{ width:90%; margin-left:0; }
#settings{ width:81.72%;}
#parameters{float:left; width:24%; margin:4.3% 0 0 20%; font-size:14px; color:#555; font-weight:bold;}
#progress_bar{float:left; width:22%; margin: 4.3% 0 0 10%; font-size:14px; color:#555; font-weight:bold;}
#parameters2{position:absolute; width:40%; top:15%; left:30%; padding:3px; background-color:#ccc; border:1px solid black; display:none;}
#progress_bar2{position:absolute; width:40%; top:12%; left:30%; padding:3px; background-color:#ccc; border:1px solid black; display:none;}
#simulation_text{position:absolute; bottom:200px; right:20px; color:#c00; font-size:14px;}

/**********************************************/
/*			 	  Automatic Testing			  */
/**********************************************/
#automatic_text{ margin-left:10px;}
#auto_links{ width:90%; margin-left:5%; height:25px; font-weight:bold;}
#auto_links div{ background-color:#CCC; cursor:pointer; }
#auto_links div:hover{ background-color:#09F;}
#auto_links div:active{ background-color:#00F; color:white;}


#macro{width:30%; float:left; background-color:blue;}
#java1{width:30%; float:left; margin-left:5%;  background-color:blue;  padding-top:0px;}
#java2{width:30%; float:left; margin-left:5%;  background-color:blue; }
#macro_img{margin-top:5px; width:85.87%;}


/**********************************************/
/*		 	  External Control				  */
/**********************************************/
#external_text1{width:50%; float:left; margin-left:-10px; margin-top:50px;}
#remote{float:left; width:36%; margin-left:20px; }
#relay{float:left; width:36%; margin-left:40px; margin-top:0px; clear:left;}

#external_text2{width:50%; float:left; margin-left:-10px; margin-top:5%;}


/**********************************************/
/*				ARROWS & DOTS				  */
/**********************************************/
#left_arrow{position:absolute; left:0px; top:45%;}
#right_arrow{position:absolute; right:0px; top:45%;}

#left_arrow a{width:43px; height:45px; float:left; background: url(../home_hvx_features/arrows.png) no-repeat -3px -44px;}
#left_arrow a:hover{background: url(../home_hvx_features/arrows.png) no-repeat -3px 0;}
#left_arrow a:focus{outline-color:invert; outline-style:none; outline-width:medium;}

#right_arrow a{width:43px; height:45px; float:left; background: url(../home_hvx_features/arrows.png) no-repeat -45px -44px;}
#right_arrow a:hover{background: url(../home_hvx_features/arrows.png) no-repeat -45px 0px;}
#right_arrow a:focus{outline-color:invert; outline-style:none; outline-width:medium;}

#scroll_dots{position:absolute; top:600px; left:315px;}


@media only screen and (max-width: 820px) {
/*data*/
#hvx_report_link{ display:none;}
/*cb-boards*/
#hover_text_boards{font-size:12px;}
/*parameters*/
#simulation_text{ display:none;}

}

@media only screen and (max-width: 599px) {
.title{font-size:18px;}
/*main*/
#HVX_main{ left:8%; top:20%;}
#main_text{color:#c00; position:absolute; bottom:5%; left:10%; }
.main-title{ font-size:24px;}
/*4 wire*/
#four-wire-text{ font-size:14px;}
/*external terminales*/
#ext_ter_ss {left:40px; }
/*expansion*/
#hvx_image{left:5%;}
#tp_links{bottom:15%; right:8%; }
#harness{ display:none;}
/*data*/
#data_text{ left:0%; width:55%;}
/*cb-boards*/
#cb15{ position:absolute; right:30px; width:20%;}
#boards_text{ position:absolute; width:60%; left:0px; bottom:2%;}
#hover_text_boards{ display:none;}
/*paramaters*/
#parameters2{width:50%; left:25%;}
#progress_bar2{width:50%; left:25%;}
/*external*/
#external_text1{ font-size:14px; margin-top:0px;}
#external_text2{font-size:14px; margin-top:0%;}


}

@media only screen and (max-width: 399px) {
.title{font-size:16px;}
.main-title{ font-size:22px;}
/*main*/
#HVX_main{ top:25%;}
/*4 wire*/
#four-wire-text{ font-size:12px;}
/*external terminales*/
#expansion_text{ font-size:14px;}
#ext_ter_ss { display:none;}
#transformer{ left:40px; top:42%; width:70%;}
#ext_ter_text{ width:90%; left:0%; top:40px; background-color:rgba(231,231,231,0.8);}
/*Expansion*/
#tp_links{bottom:10%; right:5%;}
/*data*/
#data_text{ font-size:14px; width:90%; top:40px; background-color:rgba(231,231,231,0.8); z-index:1;}
#hv_report{ left:25%; top:40%; width:50%;}
#data-results{ display:none;}
/*cb-boards*/
#boards_text1{ font-size:14px;}
#cb15{ position:absolute; right:30px; width:20%;}
#boards_text{ font-size:14px;}
#hover_text_boards{ display:none;}
/*parameters*/
#parameters_text{ font-size:14px;}
/*external*/
#external_text1{ font-size:12px; margin-top:0px;}
#external_text2{font-size:12px; margin-top:0%;}


}