/* SCcalc_style.css - style page for SCcalc													v1.01 10/19/17 Cm 
 * 
0.01 Creation																								10/27/12 Cm 
0.02 new CSS for SCcalc_008.php																		12/04/12 Cm 
0.03 general cleanup																						12/04/12 Cm 
0.04 cleanup, re-organize, update																	 4/16/14 Cm
0.05 Massive cleanup for site integration															 4/30/14 Cm
0.06 Background properties added.																	 5/03/14 Cm									
1.00 production version 1.00. Use 0.06 for further development 							10/05/15 Cm

1.01 reformat & cleanup																					10/19/17 Cm

 ---------------------------------------------------------------------------------------------- */
/* generic elements -------------------------------------------------*/
*, body  {
	font-family: times, serif;
	font-size:           15px;
}

img  {
	margin:                 0;
	border:                 0;
	z-index:                3;
}

input  {
	text-align:        center;
	min-width:            2em;
}

table  {
	width:               100%;
	height:              100%;
	border:                 0;
	text-align:        center;
	padding:              5px;
}

th, td  {
	text-align:        center;
}

.subscript  {
	font-size:           100%;
	vertical-align:       sub;
}

.title  {
	font-size:           150%;
	font-weight:         bold;
	text-align:        center;
}

.outline  {
	border:   1px solid black;
	padding:              2px;
	background-color: #B2ECFF;
}

.floatR  {
	margin:						0;
}

/*-- background properties -----------------------------------------*/
#backBox  {
	width:              980px;
	margin:               1em;
}

#backMid  {
	height:             170px;
	z-index:                0;
}	

#btmBar  {
	top:                900px;
}

/* table definitions ------------------------------------------------*/
#HVW_table  {
	position:        absolute;
	right:                 1%;
	top:                  25%;
	width:                30%;
	height:              23em;
	background-color: #EDC3A5;
	z-index:                2;
}

#XY_table  {
	position:        absolute;
	left:                  1%;
	bottom:                1%;
	width:                37%;
	height:              16em;
	background-color: #83DA33;
	z-index:                2;
}

#perim_table  {
	position:        absolute;
	right:                 1%;
	bottom:                1%;
	width:                35%;
	height:               7em;
	background-color: #CFA9FF;
	padding:              5px;
	z-index:                2;
}

/* cell elements ----------------------------------------------------*/
.cell  {
	border:   1px solid black;
	text-align:        center;
	padding:              5px;
}

.cell>a,
.graycell>a  {
	color:              black;
	text-align:        center;
	text-decoration:     none;
}

.cell>a:hover,
.graycell>a:hover  {
	font-weight:         bold;
}

.graycell  {
	border:   1px solid black;
	text-align:        center;
	padding:              5px;
	background-color: #F0F0F2;
}

.hotcell  {
	border:    1px solid black;
	text-align:         center;
	padding:               5px;
	background-color:     pink;
	font-size:            125%;
	font-weight:          bold;
}

/* shape elements ---------------------------------------------------*/
.shape_button  {
	position:         relative;
	height:                65%;
	margin:                2px;
	border:    1px solid black;
	float:                left;
}

.shape_icon  {
	width:                100%;
	height:               100%;
}

#shape_select  {
	position:         absolute; 								/* selector bar */
	left:                   1%;
	top:                    8%;
	right:                  1%;
	height:                13%;
	padding:               5px;
	background-color: DeepSkyBlue;
	z-index:                 2;
}

#shape_sel_legend  {
	text-align:         center;							/* selector bar legend */
	width:                 99%;
	z-index:                 2;
}

#shape  {
	position:         absolute;							/* selected shape */
	left:                   1%;
	top:                   30%;
	width:                 40%;
	height:                35%;
	background-color:   yellow;
	z-index:                 2;
}

/* unit elements ----------------------------------------------------*/
.unit  {
	font-size:            125%;
	text-align:         center;
}

#unit_select  {
	position:         absolute;								/* selector bar */
	left:                   1%;
	top:                   23%;
	width:                 62%;
	height:                2em;
	padding:               5px;
	background-color: DeepSkyBlue;
	z-index:                 2;
}

#unit_title  {
position:            relative;
top:                      4px;
}

/* nav bar  elements -------------------------------------------------*/
.nav a  {
	font-size:            120%;
}

.nav a:hover  {
	font-weight:          bold;
	font-size:            116%;
}

.ltArrow  {
	font-size:            130%;
}

/* ---------------------------------------------------------------------------------------------- */