/* generic styles */

BODY {
  margin: 0px 0px 16px 16px;
  background-color: white; }

BODY, TD, TH, #content .paging, INPUT, SELECT {
  font-size: 11px;
  font-family: verdana,arial,helvetica,sans-serif; }
  
.label {
    font-weight: bold;
     }
  
#pageholder {
  position: relative;
  width: 733px; }

/* floating styles */

/* #sidebar {
  width: 238px; }
  
#content {
  float: right; width: 468px; padding-top: 38px;
  font-size: 11px; line-height: 15px; } */

/* static styles */

/*
#sidebar {
  position: absolute;
  left: 16px; top: 21px; width: 238px; }
  
#content {
  position: absolute;
  left: 281px; top: 21px; width: 468px;
  padding-top: 38px; }
  */

#content {
  float: right;
  width: 468px; padding-top: 38px; }
    
#sidebar {
  width: 238px; }

#content, #content TD {
  font-size: 11px; line-height: 15px !important; }

/* content area styles */

#pullquote, H3 {
  margin-bottom: 14px;
  font-family: "lucida grande",verdana,arial,helvetica,sans-serif;
  font-size: 13px; line-height: 20px !important; 
  font-weight: bold; color: #00cc00; }
  
H1 {
  padding-top: 3px;
  margin: 0px 0px 14px 0px;
  font-size: 18px; line-height: 22px !important; font-weight: bold; }
  
H2 {
  margin: 13px 0px;
  font-size: 11px; font-weight: bold; }

H4 {
  font-size: 11px; font-weight: bold; }
  
UL {
  margin-bottom: 0.5pc; }
LI {
  margin-bottom: 0.5pc; }

LI.disabled {
  color: silver;
  margin-bottom: 0.5pc; }

LI.selected {
  color: #004000;
  margin-bottom: 0.5pc; }
  
.small {
  font-size: 7pt; }
  
.new {
  color: red; font-weight: bold; }
  
#content HR {
  color: silver; height: 1px;
  }

  
/* IFM DB styles */

  .indicators {
    float: right;
    margin-left: 1pc; margin-bottom: 1pc;
    width: 188px;
    background-color: #f0ffd0; }
  .indicators DIV {
    padding: 0px 10px; }
  .indicators OL {
    margin-top: 0.5pc; margin-bottom: 0.5pc; }
  .indicators LI {
    margin-bottom: 0.2pc; }
    
  .error {
    font-weight: bold;
    color: red; }
    
/* directory stylings */
#content .item, #content .subitem {
  font: 11px verdana,arial,helvetica,sans-serif; }
#content .item IMG { margin-right: 8px; }
#content .subitem IMG { margin: 0px; }
#content HR.divide { width: 100%; color: #f0ffd0; }

#content A {
  color: green; }
#content A:hover {
  background-color: #f0ffd0; }
#content A:hover IMG {
  background-color: white; }
#content A:visited {
  color: gray; }
  
/* form element styles */

.register  {
width: 200px; }

.flat-btn  {
border-style : solid;
border-color : silver;
border-width : 0;
background-color :   silver;
color : white;
font-size : 8pt;
font-family : verdana, arial, helvetica, sans-serif;
font-weight : bold;
height: 20px; }

.flat-select  {
border-style : solid;
border-color : black; 
border-width : 1;
font-size : 8pt; 
height: 20px;
font-family : verdana, arial, helvetica, sans-serif; } 

.flat-edit  {
border-style : solid;
border-color : gray; 
border-width : 1px;
width: 200px;
font-size : 8pt; height: 18px;
font-family : verdana, arial, helvetica, sans-serif; 

}   

IMG.picture, .widetext TD IMG {
      display: block; margin: 4px 0px;
      border: 1px solid black; }

/* certificate styles */

  DIV.certificate {
    padding: 8px;
    background: URL(/casi/images/bg_cert.gif);
    width: 95%;
    border: 1px solid silver;
    }
  
  DIV.certificate TD.title {
    font-size: 10pt;
    vertical-align: middle; }
    
  TD.vTitle {
    font-size: 10pt; }  
  
/* sidebar styles */

.side-column-box, .side-column-img {
  width: 100%;
  background-color: #f0ffd0; }  

.side-column-box P, .side-column-box H4, .side-column-box UL {
  margin: 7px 15px 15px 15px; color: black;
  font-size: 11px; }

.side-column-box H4 {
  margin: 7px 15px;
  font-size: 13px; font-weight: bold; }
 
.side-column-box UL {
  display: block;
  background-color: #f0ffd0;
  padding-left: 0px;
  margin-top: 7px;
  margin-bottom: 7px; }

.side-column-box LI {
	display: block;
	list-style-type: none;
	margin-top: 0.7em;
	line-height: 1.1em !important; }
    
.side-column-box HR {
  height: 1px; margin: 7px 15px 0px 15px; 
  border: none; /* for gecko */
  border-bottom: 1px solid white; }

.side-column-box A {
  font-weight: normal; color: green; }
.side-column-box A:hover {
  background-color: white; color: #00cc00; }

.side-column-box LI.selected A {
  color: green !important;
  font-weight: bold !important;
  text-decoration: none !important; }
  
.side-column-box .indent {
  margin-left: 15px; }

.xtra {
  background-color: #f5f5f5; }
      
.xtra P { margin-bottom: 7px; }
/* home page styles */

.home-column-img {
  border-right: 9px solid white;
  border-bottom: 9px solid white; }

.home-column-box {
  border-right: 9px solid white;
  background-color: #f0ffd0; }
  
.home-column-box P {
  margin: 7px 15px 11px 15px; color: black;
  font-size: 11px; }
  
.home-column-box A {
  font-weight: bold; color: green; 
  font-size: 11px; }
.home-column-box A:hover {
  background-color: white; color: #00cc00; }

.footer {
  margin-top: 12px;
  }
  
DIV.dir-sidebar {
      padding-left: 8px;
      float: right;
      width: 180px;}
	  
DIV.scrolling {
	overflow: auto !important;
	font: 8pt arial,helvetica,sans-serif;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 2px;
	background-color: white;
	border: gray inset 1px;
}

.iconBox {
  padding: 0px 8px 12px 8px;
  margin: 4px 0px 12px 0px;
  font-size: 8pt;
  width: 98%;
  background-image: url(/ippc/images/silver_background.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #F0F0F6;
  border-top: 1px solid #E9B983;
  border-bottom: 1px solid #E9B983; }

A.ippcButton {
 float: left;
 width: 128px;
 text-align: center;
 margin: 12px 12px 0px 18px;
 padding: 8px 4px 8px 4px;
}

A.ippcButton:hover {
 background-color: #F7E7CE;
 border: solid 1px #E9B983;
 padding: 7px 3px 7px 3px;
}