@charset "UTF-8";

/*these declarations are CSS resets*/


body {
	/*background: #F2F2F2;*/
	background: white;
	margin: 0;
	
	
}

ul
  {
  margin-left: 0;
  margin-top: 0;
  padding-left: 1em;
  }
li
  {
  margin: 0;
  padding: 0;
  }
  
table
  {
  margin: 0;
  padding: 0;
  }

/*The outer wrapper sets an absolute size and forces the browser to accept this value. Otherwise, if done as em or %,
the result will not look correct if the users browswer has a significantly different font size. Subsequent font values
may be as % or em's afterwards

Note this strategy may be different for normal sites when you want to have the text scalable.*/

#outer-wrapper {
	width: 703px;
	margin: 0px auto 0;
	font-family: Helvetica,arial, sans-serif;
	font-size:16px;
	


}

/*


	

	/*
	
    function setStyle(element, property, value) {
        property = property.replace(/-(\w)/g, function(match, letter) {
             return letter.toUpperCase();
        });
        element.style[property] = value;
    }
    function selectable(element, bool) {
        // most browsers:
        setStyle(el, 'user-select', bool ? '' : 'none');
        setStyle(el, '-moz-user-select', bool ? '' : 'none');
        setStyle(el, '-khtml-user-select', bool ? '' : 'none');
        
        // IE:
        element.onselectstart = bool ? null : function() { return false; };
        
        // IE and Opera:
        element.setAttribute('unselectable', bool ? '' : 'on', 0);
    }	
	
	
	*/
	
	
	
	
	
	
	
	

#header {
	width: 700px;
	height: 45px;

	margin-top:15px;
	margin-bottom:0px;
	
	

	
	
	
}

#header-left {
	float:left;
	width: 400px;
	font-size:160%;
	font-style:italic;
	margin-top:0px;

	

	

}

#header-left a {

	text-decoration:none;
	color:#00478a;
	font-weight:normal;
	

}

#header-middle {
	float:left;
	width: 10px;

	font-size:1.0em;
	font-style:italic;
	margin-top:0px;

}

#header-right {
	float:right;
	width: 280px;


	font-style:italic;

}

#header-right img{

border:0px solid #b0b0b0;
	
}

#page {
	width: 700px;
	
	
	border:1px solid #b0b0b0;
	overflow: hidden;
	
	-moz-border-radius: 7px;
		border-radius: 7px;
			background: #F5F5F5;
		

	-webkit-box-shadow: 0px 0px 5px grey; /* Saf3-4 */
		-moz-box-shadow: 0px 0px 5px grey; /* FF3.5 - 3.6 */
			box-shadow: 0px 0px 3px grey; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
			
	}

#category {
	width: 250px;

	/*width is adjusted to account for the category list offset. Use a 1px border in the div to show (though this may shift things?)*/
	
	font-size:90%;
	float:left;
	

	margin:15px 0px 0px 0px; 
	/* top right bottom left*/
	
	/*Negative margins are used for the LIST. 
	Top margin is normally 20, but changed to 5
	Left margin is normally 20, but is changed to -20*/
	
	/* make sure the total of the width + padding for the 3 divs is a total of 960 */
	onselectstart:"return false";
	
	

}

#cat li {


	list-style-type: none;
	margin-bottom:4px;


}

#cat li a {

-moz-border-radius: 5px;
border-radius: 5px;

	width: 220px;
	display: block;
	text-align: left;
	line-height: 22px;
	color: #ffffff;
		background: #00478a;

	text-decoration: none;
	margin-bottom:4px;

	padding-left:7px;
	border:1px solid black;
	
	

	
	
	
	
	
	
	
	
	
}

#cat li a:hover {
	background: #E5FF61;
margin-bottom:4px;
		color: #333333;
	text-decoration: none;
	border:1px solid #b0b0b0;
	padding-left:7px;
	
	
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid grey;

	color:black;
	
}

/*StressConverter*/
#sc_pressure #cat li.sc_pressure a, #sc_length #cat li.sc_length a, #sc_area #cat li.sc_area a, #sc_volume #cat li.sc_volume a, #sc_force #cat li.sc_force a, 
#sc_moment #cat li.sc_moment a, #sc_mass #cat li.sc_mass a, #sc_density #cat li.sc_density a, #sc_massmoment #cat li.sc_massmoment a, #sc_speed #cat li.sc_speed a, 
#sc_temperature #cat li.sc_temperature a, #sc_cte #cat li.sc_cte a, #sc_angle #cat li.sc_angle a, #sc_section #cat li.sc_section a, #sc_runningload #cat li.sc_runningload a, #sc_runningmoment #cat li.sc_runningmoment a,
#sc_acceleration #cat li.sc_acceleration a, #sc_strain #cat li.sc_strain a, #sc_shearstrain #cat li.sc_shearstrain a, #temperature #cat li.temperature a

/*MechConverter*/




{

	background: #E5FF61;
	border:1px solid #b0b0b0;
	padding-left:7px;
		color: #333333;
		
		
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid grey;

	color:black;
}





#info {
	width: 360px;
	font-size:90%;
	float:left;
color: #636363;
	
		/*border:1px solid #b0b0b0;*/
	margin:0px 20px 0px 40px; 
	/* top right bottom left*/
	font-weight:bold;


	
}

#info a {



	font-weight:normal;
	color: #00478a;
	
		/*text-decoration: none;*/
	font-size:100%;
	
			font-family: Century Gothic, Arial, Helvetica, sans-serif;

}











#footer {
	width: 700px;
font-size:70%;


}

#footer p {
	text-align: center;
	color: #636363;
	padding: 7px 0px 0px 0px;

	
	
}

#footer p a {
	color: #636363;
	text-decoration: underline;

}



#centeredmenu {
   float:left;
   width:100%;
	margin-top:10px;
	margin-bottom:10px;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
	font-size:14px;
	color: #00478a;

   line-height:1.3em;
}

#list {
float:left;
width:410px;

overflow:hidden;
padding:0px;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
color: #4A4A4A;
font-size:12px;
line-height:70%;

overflow:auto;
height:510px;
padding-right:20px;
padding-right:20px;
margin-top:20px;

}

.us {
color:#000000;

}

.si {
color:#008AE6;
/*color:#00478a;*/

}

.neu {
color:#909074;

}

.unit_cat {
color:#B24700;
color:#00478a;
font-size:16px;
font-weight:bold;

}

#list_space {
height:1px;
line-height:10%;
}

#list_space_bot {
height:10px;

}


#faq {
float:left;
width:410px;

text-align:justify;
overflow:hidden;
padding:0px;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
color: #4A4A4A;
font-size:13px;
line-height:140%;
overflow:auto;
height:510px;
padding-right:20px;
padding-right:20px;
margin-top:20px;

}



#about {
float:left;
width:410px;

text-align:left;
overflow:hidden;
padding:0px;
margin-top:5px;
margin-bottom:10px;
margin-left:20px;
color: #4A4A4A;
font-size:14px;
line-height:140%;

margin-top:20px;

}

#about a {
color:grey;
}

/*-------------------------ENG HOME PAGE-----------------------*/

.home ul {

	line-height: 35px;

}

/*radio button issue
input:focus
{
background-color:#E6E6E6;
border: 5px solid green;
} 
*/


input {

padding:0px;

}



#table {
float:left;
width:440px;
height:480px;
overflow:hidden;
padding:0px;
margin-top:20px;
margin-bottom:0px;
color: #4A4A4A;


font-size:15px;

}





#table input {
width:95%;
border:1px solid grey;
height:25px;
padding-left:3px;
margin:3px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:15px;
color: #333333;

}

#table form {
margin:0px;
padding:0px;

}

.ui-grid-a {
width:480px;
float:left;
margin-left:30px;
}

.ui-block-a {
width:130px;
float:left;
margin-top:7px;
}

.ui-block-b {
width:240px;
float:left;


}

#mobile {

margin-left:270px;
margin-right:20px;
}

#mobile img {
border: 0px solid #3080BB;
border-bottom: 1px solid grey;
}

/*background color for input cell*/
#table input:focus
{
background-color:#CCE6FF;

} 
*/