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

body 
{
    font-size:10px;
    background-color: #ddd ;   
    font-family: Verdana, Arial, sans-serif ;
    display: inline; 
    text-align:center;
    padding: 3px ;
    background-position:center;
    height:auto;
    width: auto ;
}   
.buttonRed
{
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FF3300;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
.detailsConfigButton
{
    border-style: outset;
    border-color: #C0C0C0;
    height: 24px;
    width: 24px;
}
.detailsConfigButtonOver
{
    border-style: outset;
    border-color: #FFCC66;
    height: 24px;
    width: 24px;
}
/*.detailsConfigButton
{
    height: 24px;
    width: 95px;
}*/
.iframeHidden
{
    /* my iframes are just to hold HTML code, which is then copied into the divs. */
    display:none;
    visibility: hidden;
    position: relative;
}

.iframeConfig1024
{
    display: block;
    visibility: visible;
    position: relative;
    width: 850px;
    height: 775px;
}
.iframeConfig768
{
    display: block;
    visibility: visible;
    position: relative;
    width: 850px;
    height: 525px;
}

.modalPopup1024
{
    background-color: #ddd;
    width: 850px;
    border-right: #006db6 solid;
    border-top: #006db6 solid;
    border-left: #006db6 solid;
    border-bottom: #006db6 solid;
    height: 800px;
}
.modalPopup768
{
    background-color: #ddd;
    width: 850px;
    border-right: #006db6 solid;
    border-top: #006db6 solid;
    border-left: #006db6 solid;
    border-bottom: #006db6 solid;
    height: 550px;
}
.modalBackground
{
	background-color: gray;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.progressBackgroundFilter { 
  position:fixed; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000; 
} 

.processMessage
{
	position: fixed;
	top: 30%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	background-color: #fff;
	border-right: dodgerblue thin solid;
	border-top: dodgerblue thin solid;
	border-left: dodgerblue thin solid;
	border-bottom: dodgerblue thin solid;
} 

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

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

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

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

.divCenterCol
{
    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: 340px;
    height:100%;
    position: relative;
}

.divRightCol
{
    left:auto;
    /* border:solid 3px blue;  */
    float: left;
    width: 250px; 
    height:100%;
    position: relative;
}
.imageDiv
{
	width:75px;
	height:75px;
	
}

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


img.corner
{
	border: 0px;
	text-align:right;	
}
div.catHeader
{
	font-size: 12px; 
	font-weight: bold; 
	background-color: #999; 
	color: #eee;
}
td.radio
{
	text-align: left;
}
div.options
{
	border: inset 1px;
	
}

.headerDiv
{
	text-align:left; 
	font-size:12px;
	font-weight:bold;
	background-color:#999;
	color:#eee
}
.hidden
{
	display:none;
    visibility: hidden;    
}
table.UnitConverter
{
	border: inset 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 ; }

.button
{
	width: 90px; 
    height: 24px;
    margin: 3px;
}
td.center
{
	text-align: center;
}

.wide
{
	width:100%;
	min-width:50px;
}


#lbPartList
{
    width:100%;
}
#App2lbPartList
{
    width:100%;
}

#divDetails
{
    height: 250px; 
    width:350px; 
    overflow:scroll; 
}
#App2divDetails
{
    height: 250px; 
    width:350px; 
    overflow:scroll; 
}
img
{
    border: 0px;
}