<style>
	body
	{
		color: #000;
		font-family: Monospace;
		font-size: 13px;

		background-color: #fff;
		margin: auto;
		padding: .5in;
		max-width: 7in;
		text-align: justify;
	}

	input[type="number"]{
		width: 10%;
	}

	li
	{
		float: left;
	}

	.p1
	{
		color: rgb(125,125,225);
		font-family: arial;
		text-align: center;
		font-size: 175%;
		font-style: normal;
	}
		
	.p2 
        {
                color: white;
                font-family: arial;
                text-align: left;
                font-size: 110%;
		font-style: oblique;
        }

	.simul_txt
	{
		color: white;
		text-align: center;
	}

	#radius_main:hover
	{
		background-color: yellow;
		width: 25%;
		text-align: justify;
	}

	#h_main:hover
	{
		background-color: yellow;
		width: 25%;
		text-align: justify;
	}

	#mesh_main:hover
	{
		background-color: yellow;
		width: 25%;
		text-align: justify;
	}

	#s_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#alpha_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#hh_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#dd_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#chassaignac_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#breast_visco_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#skin_visco_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#skin_thick_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#gravity_main:hover
	{
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }

	#density_main:hover
        {
                background-color: yellow;
                width: 25%;
                text-align: justify;
        }


	.view 
	{
		width: 5in;
		height: 5in;
		margin: auto;
	}

	.c-parameter
	{
		position: absolute;
		left: 0; 
		top: 10%;
		bottom: 5%;
		width: 30%;
		background-color: #fff;
		z-index: -1;
	}

	.c-options
	{
		position: absolute;
		left: 0; bottom: 5%;
		width: 30%;
		height: 25%;
		background-color: #fff;
		z-index: -1;
	}

	.simul_btn
	{
		border-style: solid;
		border-color: rgb(200,200,200);
		border-width: medium;
		background-color: rgb(50,50,150);
		color: white;
		position: absolute;
		top: 40%; bottom: 40%;
		left: 20%; right: 20%;
		height: 20%; width: 60%;
		font-size: 150%;
	}

	.left_menu_bot
	{
		position: absolute;
		top: 95%; bot:0%;
		background-color: rgb(75,75,175);
		left: 0%; right: 35%;
		width: 30%;
		height: 5%;
		display: inline-block;
		z-index:6;
	}

	ul.general-menu
	{
		list-style-type: none;	
		position: absolute;
		top: 95%;
		bottom: 0%;
		width: 30%;
		left: 0%;
		z-index: 7;
		background-color: rgb(75,75,175);
	}
	.general-menu li
	{
		padding-top: 0%;
		display: inline-block;
		height: 100%;
		float: left;
	}

	general_btn
	{
		width: 100%;
		height: 100%;
		display: inline-block;
		float: left;
		text-decoration: none;
	}

	.general_btn a
	{
		display: inline-block;
		color: white;
		text-align: center;
		text-decoration: none;
		background-color: rgb(75,75,200);
		border-style: solid;
		border-color: rgb(100,100,200);
		font-size: 100%;	
		float: left;
		height: 100%;
	}
	.general_btn input
	{
		display: inline-block;
		background-color: rgb(75,75,200);
		border: none;
		vertical-align: middle;
	}

	.c-viewer
	{
		position: absolute;
		left: 30%; top: 7.5%;
		width: 70%;
		height: 85%;
		background-color: #fff;
		z-index: -1;
	}

	.image-helper
	{
		position: absolute;
		left: 30%; top: 55%;
		width: 70%;
		height: 45%;
		background-color: blue;
		opacity: 0.95;
		z-index: 10;
	}

	.image-button-overall
	{
		position: absolute;
		left: 20%; top:82.5%;
		width: 5%; height: 3%;
		z-index: 2;
	}

	.c-helper-button
	{
		position: absolute;
                left: 60%; right: 90%;
		top: 75%; bottom: 95%;
                width: 30%;
                height: 20%;
                z-index: 1;
	}
	
	.top-right-menu
	{
		position: absolute;
		left: 90%; right: 0%;
		top:0%; bottom: 95%;
		width: 10%;
		height: 5%;
		z-index: 8;		
	}

	ul.right_menu
	{
		list-style-type: none;
		position: absolute;
		left: 0%; right: 0%;
		width: 100%;
		top:0%; bottom: 0%;
		height: 100%;
		z-index: 7;
	}

	.drop_bu
	{
		border: none;
		background-color: rgb(75,75,175);
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline_block;
		position: absolute;
		width: 25%;
		height: 100%;		
	}
	
	.drop_bu:hover
	{
		background-color: rgb(100,100,175);
	}

	.c-helper-viewer
	{
		position: absolute;
		left: 30%; top: 7.5%;
		bottom: 5%;
		width: 25%;
		height: 90%;
		background-color: rgb(50,50,50);
		opacity: 0.75;
		z-index: 2;
		padding: 1%;
	}

	.c-mesh_viewer
	{
		position: absolute;
		left: 30%; right: 0%;
		top: 80%; bottom: 5%;
		width: 70%; height: 15%;
		background-color: rgb(15,15,15);
		display: inline-block;
		z-index: 6;
	}

	ul.stage-mesh-menu
	{
		list-style-type: none;		
		position: absolute;
		top: 25%; bottom: 25%;
		left: 35%;
		width: 60%;	
		z-index: 7;
	}
	.stage-mesh-menu li
	{
		padding-top: 2%;
		display: inline-block;
		height: 100%;
		float: left;
	}

	menu-mesh-btn
	{
		position: absolute;
		float: left;
		display: inline-block;
		width: 20%;
		height: 50%;
	}

	.menu-mesh-btn a
	{
		display: inline-block;
		color: white;
		text-align: center;
		vertical-align: middle;
		float: left;
		text-decoration: none;
		font-size: 120%;
		height: 100%;
	}

	.menu-mesh-btn input
	{
		display: inline-block;
		float: left;
		width: 100%;
		heigh: 100%;
		font-size: 100%;
	}

	.c-button-1
	{
		position: absolute;
		left: 57.5%; top: 87.5%;
		width: 5%;
		height: 3%;
		z-index: 1;
	}
	.c-button-2
	{
		position: absolute;
		left: 69%; top: 87.5%;
		width: 5%;
		height: 3%;
		z-index: 1;
	}
	.c-button-3
	{
		position: absolute;
		left: 82.5%; top: 87.5%;
		width: 5%;
		height: 3%;
		z-index: 1;
	}
	.c-option_viewer
	{
		position: relative;
		left: 0%; top: 0%;
		width: 100%;
		height: 100%;
		background-color: rgb(5,5,5);
		z-index: 6;
		display: block;
	}
	.c-option-1
	{
		position: absolute;
		left: 5%; right: 5%;
		top: 0%; bottom: 80%;
		width: 90%;
		height: 20%;
		z-index: 1;
		display: inline;
	}	
	.c-option-2
	{
		position: absolute;
		left: 5%; right: 5%;
		top: 25%; bottom: 55%;
		width: 90%;
		height: 20%;
		z-index: 1;
		display: inline;
	}	
	.c-option-3
	{
		position: absolute;
		left: 5%; right: 5%;
		top: 50%; bottom: 30%;
		width: 90%;
		height: 20%;
		z-index: 1;
		display: inline;
	}
	.c-simulate_wait
	{
		position: absolute;
		left: 45%; top: 45%;
		width: 10%;
		height: 10%;
		background-color: rgb(150,150,150);
		z-index: 2;
	}


	.labels_input,.input_fields{
    		vertical-align: middle;
    		margin-top: 1%;
    		text-align: center; 
	}

	.c-parameter-Title{
    		font-weight: bold;
    		text-align: center;
    		font-size: x-large;/*150%;x-large*/
    		font-family: arial;/*sans-serif;*/
    		margin-right:1%;
	}

	.parameter-Label{
    		font-weight: bold;
    		margin-bottom: 2%;
    		margin-left: 1%;
	}

	.info 
	{
		position: absolute;
		top: 0; width: 6.5in;
		padding: 0;
		text-align: center;
	}

	.a 
	{
		color: #0080ff;
	}

	.math 
	{
		text-align: center;
	}
			
	.math-frac 
	{
		display: inline-block;
		vertical-align: middle;
	}

	.math-num 
	{
		display: block;
	}

	.math-denom 
	{
		display: block;
		border-top: 1px solid;
	}

	.math-sqrt 
	{
		display: inline-block;
		transform: scale(1, 1.3);
	}

	.math-sqrt-stem 
	{
		display: inline-block;
		border-top: 1px solid;
		margin-top: 5px;
	}

	.tabs {
    		width:100%;
    		display:inline-block;
	}
 
    	.tab-links:after {
    	    display:block;
    	    clear:both;
    	    content:'';
    	}
 
    	.tab-links li {
    	    margin:0 5px;
    	    float:left;
    	    list-style:none;
    	}
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0 0;
            background:#7FB5DA;
            font-size:16px;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    	li.active a, li.active a:hover {
        	background:#fff;
        	color:#4c4c4c;
    	}
 
	
 	.tab-content {
        	padding:15px;
        	border-radius:3px;
        	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        	background:#fff;
    	}
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }

</style>
