/*#BEGIN#*/
/*# name="General" reference="ref/tabs.css\General.htm" description="General styles" #*/
/* 'img/arrow.gif' */
/* 'img/img001.gif' */
/* ********** TABS MODEL 001 STYLES ********** */

/* Tabs outer container styles (TIP: use for component margin, and positioning purposes) */
div#main-content div.tabs .mod001{

}
div#main-content div.tabs .mod001 ul.tabs-menu li{
  display:none;
}

div#main-content div.tabs .mod001 h3.tabs-titles{
  font-family:Arial;
  font-size:1.2em;    
  background-color: #C5D1D8;
  cursor: pointer;
  color:#445156;
  padding:0.3em 18px 0.2em 8px;
  background-image: url('img/img001.gif');
  background-repeat:no-repeat;
  background-position:right top;
  margin-top:0.72em;
}



/* Tab content area styles */
div#main-content div.tabs .mod001 div.unselected,
div#main-content div.tabs .mod001 div.selected{
  padding:1.2em 12px 1.2em 12px;
  background-color: #6A787C;
  position:relative;
  color:#fff;
}
div#main-content div.tabs .mod001 div.unselected img,
div#main-content div.tabs .mod001 div.selected img{
  border:8px #C5D1D8 solid;
  float:left;
  position:relative;
  margin:0 12px 0.8em 0;
}

div#main-content div.tabs .mod001 div.unselected h4,
div#main-content div.tabs .mod001 div.selected h4{
  font-family:Arial;
  font-style:italic;
  font-size:1.15em;
}
div#main-content div.tabs .mod001 div.unselected p,
div#main-content div.tabs .mod001 div.selected p{
 padding:0.4em 0 0.4em 0;
}

/* "More Info" link style */
div#main-content div.tabs .mod001 div.unselected p.more,
div#main-content div.tabs .mod001 div.selected p.more{
  padding:0 0 0.4em 0;
}
div#main-content div.tabs .mod001 div.unselected p.more a,
div#main-content div.tabs .mod001 div.selected p.more a{
  color:#fff;
  font-weight:bold;
  font-family:Arial;
  background-image:url('img/arrow.gif');
  background-position:left center;
  background-repeat:no-repeat;
  padding:0 0 0 15px;
}

/*#END#*/
