<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%;
	}

	p1
	{
		color: green;
		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;
        }

	#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: fixed;
		left: 0; 
		top: 10%;
		bottom: 5%;
		width: 30%;
		background-color: #fff;
		z-index: -1;
	}

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

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

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

	.image-button-overall
	{
		position: fixed;
		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;
	}
	
	ul.right_menu
	{
		list-style-type: none;
		position: fixed;
		left: 88.5%; right: 1%;
		width: 30%;
		top:0%; bottom: 97.5%;
		height: 7.5%;
		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(75,75,200);
	}

	.drop_bu:hover .c-option_viewer
	{

	}

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

	.c-mesh_viewer
	{
		position: fixed;
		left: 30%; top: 80%;
		width: 70%;
		height: 15%;
		background-color: rgb(5,5,5);
		z-index: 0;
	}
	.c-button-1
	{
		position: fixed;
		left: 57.5%; top: 87.5%;
		width: 5%;
		height: 3%;
		z-index: 1;
	}
	.c-button-2
	{
		position: fixed;
		left: 69%; top: 87.5%;
		width: 5%;
		height: 3%;
		z-index: 1;
	}
	.c-button-3
	{
		position: fixed;
		left: 82.5%; top: 87.5%;
		width: 5%;
		height: 3%;
		z-index: 1;
	}
	.c-option_viewer
	{
		position: fixed;
		left: 80%; top: 10%;
		width: 20%;
		height: 10%;
		background-color: rgb(5,5,5);
		z-index: 4;
		display: block;
	}
	.c-option-1
	{
		position: absolute;
		left: 60%; right: 90%;
		top: 0%; bottom: 80%;
		width: 30%;
		height: 20%;
		z-index: 1;
		display: inline;
	}	
	.c-option-2
	{
		position: absolute;
		left: 60%; right: 90%;
		top: 25%; bottom: 55%;
		width: 30%;
		height: 20%;
		z-index: 1;
		display: inline;
	}	
	.c-option-3
	{
		position: absolute;
		left: 60%; right: 90%;
		top: 50%; bottom: 30%;
		width: 30%;
		height: 20%;
		z-index: 1;
		display: inline;
	}
	.c-simulate_wait
	{
		position: fixed;
		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>
