/* 
 * ./toolfinder.css
 *
 * settings for toolfinder-related elements
 */
 
/* 
 * main container of the scrollable-plugin 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 550px; 
    width: 800px; 
}

/* 
 * container for scrollable items 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

#rowSliderBox {
	height: 500px;
	width: 780px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

/* 
 * Styling of the scrollable items 
 * see also ./ez-plug.css
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */ 
#rowSliderItem {
    height: 548px;
    width:  800px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------------- TABLE ------------------- */
#rowSliderItem  table{
  width: 246px;
  border-spacing: 0px;
}
/* rightSpacer sets the width of the left column */
#rowSliderItem  table .rightColumn{
    font-weight: bold;
    width: 100px;
}
#rowSliderItem  table .odd{
    background-color: #d4f3d0;
}
#rowSliderItem  table .even{
    background-color: #ffffff;
}

#rowSliderItem  table td{
	padding-top: 3px;
	padding-left: 5px;
}
#rowSliderItem  table th{
	text-align: left;
    font-variant: small-caps;
    border-bottom: 1px dotted black;
    margin-bottom: 4px;
    font-weight: bold;
}

#rowSliderItem .leftHeaderBox {
	font-weight: bold;
}
#rowSliderItem .rightHeaderBox {
	font-weight: bold;
	text-align: right;
}
#rowSliderItem .leftUpperCorner{
    border-left: 1px solid #107E67;
    border-top: 1px solid #107E67;
    height: 10px;
    width: 1px;
}
#rowSliderItem .rightUpperCorner{
    border-right: 1px solid #107E67;
    border-top: 1px solid #107E67;
    height: 10px;
    width: 1px;
}
#rowSliderItem .leftLowerCorner{
    border-left: 1px solid #107E67;
    border-bottom: 1px solid #107E67;
    height: 10px;
    width: 1px;
}
#rowSliderItem .rightLowerCorner{
    border-right: 1px solid #107E67;
    border-bottom: 1px solid #107E67;
    height: 10px;
    width: 1px;
}

/* ~~~ leftBox  ~~~ */
#rowSliderItem .leftBox {
    width: 250px;
}
#rowSliderItem .leftBox .header {
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem .leftBox .footer {
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem  .leftBoxContent{
    height: 150px;
}
/* ~~~ END leftBox  ~~~ */

/* ~~~ rightBox ~~~ */
#rowSliderItem .rightBox {
    width: 510px;
    margin-left: 10px;
}
#rowSliderItem .rightBox .header {
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 506px;    
}
#rowSliderItem .rightBox .footer {
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 506px;    
}
#rowSliderItem  .rightBoxContent{
    height: 150px;
}
/* ~~~ END rightBox  ~~~ */

/* ---------------- CENTER ----------------*/
#rowSliderItem .centerBox {
    margin-top: 10px;
}
/* ~~~ centerLeftBox ~~~ */
#rowSliderItem .centerLeftBox {
    width: 250px;
}
#rowSliderItem .centerLeftBox .header {
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem .centerLeftBox .footer {
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem  .centerLeftBoxContent{
    height: 150px;
}
/* ~~~ END centerLeftBox  ~~~ */

/* ~~~ centerMiddleBox ~~~ */
#rowSliderItem .centerMiddleBox {
    width: 250px;
    margin-left: 10px;
}
#rowSliderItem .centerMiddleBox .header {
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem .centerMiddleBox .footer {
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem  .centerMiddleBoxContent{
    height: 150px;
}
/* ~~~ END centerMiddleBox  ~~~ */

/* ~~~ centerRightBox ~~~ */
#rowSliderItem .centerRightBox {
    width: 250px;
    margin-left: 10px;
}
#rowSliderItem .centerRightBox .header {
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem .centerRightBox .footer {
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 246px;    
}
#rowSliderItem  .centerRightBoxContent{
    height: 150px;
}
/* ~~~ END centerRightBox  ~~~ */

/* ---------------- FOOTER ----------------*/
#rowSliderItem .footerBox {
    width: 770px;
    margin-top: 10px;
}
#rowSliderItem .footerBox .header {
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 766px;    
}
#rowSliderItem .footerBox .footer {
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 766px;    
}
#rowSliderItem  .footerBoxContent{
    height: 100px;
}