/********************************************************************
CSS stuff for Rotary Sizing
I tried to keep this alphabetized.

Table of Contents:
I.   Elements
II.  Classes
III. Unit Converter Stuff
*/

/********************************************************************
I. Elements: */
body 
{
    font-size:10px;
    background-color: #ddd ;   
    font-family: Verdana, Arial, sans-serif ;
    display: inline; 
    text-align:center;
    padding: 3px ;
    background-position:center;
    height:768;
    width: 1024;
}   

iframe
{
    /* my iframes are just to hold HTML code, which is then copied into the divs. */
    display:none;
    visibility: hidden;
    position: relative;
}

img
{
    border: 0px;
}

label
{
    white-space: nowrap;
}

td
{
    white-space: nowrap;
    border:none;     
    /*border:solid 1px black;*/
    text-align: left;
}

th
{
    border: none;
    text-align:right;
}

thead
{
    background-color:Gray;
    color:White;
}
table.header
{
	background-color: #dcdce1;
	border: none;
}

/********************************************************************
II. Classes
*/
.detailsConfigButton
{
    border-style: outset;
    border-color: #C0C0C0;
    height: 24px;
    width: 24px;
}
.detailsConfigButtonOver
{
    border-style: outset;
    border-color: #FFCC66;
    height: 24px;
    width: 24px;
}
.imageDiv
{
	width:75px;
	height:75px;
	
}
img.corner
{
	border: 0px;
	text-align:right;	
}
.basePart
{
    width:50px;
}
.button
{
    width: 60px;
    height: 24px;
    margin: 3px;
    font-size: 11px;
}

/*
.colHead
{
    background-color:Gray;
    color:White;    
}*/

.colHead
{
	/*font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: White;
	background-color: #999999;
	text-align:left;
	white-space:nowrap;
	width:auto;
	border-collapse: collapse;
	*/
	font-size:12px;
	font-weight:bold;
	background-color:#999;
	color:#eee;
	width:100%;
}

.divLeftCol
{
    /* border:solid 3px red; */
    padding: 2px;
    left:auto;
    top: auto;
    float: left;
    /*width: auto; /* in reality, we will want different sizes for the different cols, so this will change. */
    width: 200px;
    height:100%;
    position: relative;
 }

.divCenterCol
{
    padding: 2px;
    left: auto; /* border:solid 3px orange;*/
    float: left; /* width: auto; /* in reality, we will want different sizes for the different cols, so this will change. */
    width: 370px;
    height: 100%;
    position: relative;
}

.divRightCol
{
    padding: 2px;
    left:auto;
    /* border:solid 3px blue;  */
    float: left;
    width: 360px; 
    height:100%;
    position: relative;
}

.divHidden
{
}

.headerDiv
{
	text-align:left; 
	font-size:12px;
	font-weight:bold;
	background-color:#999;
	color:#eee
}

.hidden
{
    display: none;
    visibility: hidden;
}

.ifrLeftCol
{
    width: 200px;
    float: left;
    position: relative;
}
.ifrCenterCol
{
    width:auto;
    float: left;
    position: relative;
} 
.ifrRightCol
{
    width: auto;
    float: left;
    position: relative;
}

.divNotSelected
{ 
	background-color: inherit;	
	border: inherit;
}

.divSelected
{
	background-color: #eeeeff;
	border: solid 1px black; 
	cursor: default;    
}

.rowHeader
{
	width: 17%;
}


.smallButton
{
    width: 55px;
    height: 24px;
    margin: 1px;
}

.ucPopStyle
{
  font-size: 10px ;
  font-family: Verdana, Arial, sans-serif ;
  background-color: #fff ;  
  visibility: hidden ;
  padding: 2px ;
  position: absolute ;
  width: 65px ;
  border: solid 1px black ;
  font-weight:bold;
  z-index: 10000 ;
  
}

/********************************************************************
III. Unit Converter Stuff: */
a.menuLink {display: block ;  padding: 2px 4px ; }
a.menuLink:link {color: #000000 ;  text-decoration: none ; }
a.menuLink:visited {color: #000000 ; text-decoration: none ; }
a.menuLink:hover { background-color: #000000 ; color: #ffffff ;text-decoration: none ; }
a.menuLink:active {color: #ffffff ; background-color: #663399 ; text-decoration: none ; }

/**********************************************************************/
/* 
#lbPartList
{
    width:100px;
}


#imgRotSelect
{
    
}

#divDetails
{
    
}*/

.label
{
	color:Red;
}

.printSmall2
{
    /*color:Black;*/
    text-align: right;  
    font-size: 11px ;
    background-color: #ccc ;  
   /*font-weight:bold; */
}

.printSmall2Multi
{
    /*color:Black;*/
    text-align: right;  
    font-size: 10px ;
    background-color: #ccc ;  
   /*font-weight:bold; */
}

.printDetailMulti
{
	font-size: 8px;
}

.printDetail
{
	font-size: 10px;
}

.printSmall
{
    /*color:Black;*/
    text-align: left;  
    font-size: 12px ;
    background-color: #ccc ; 
  /*  font-weight:bold; */ 
}