.agreement-grid { font-size: 11px; color: #666; line-height: 14px;}
.block { float: left;  }
.title { text-align: right; padding-right: 2px; margin: 5px 0; height: 20px;} 
.block-wrapper { float: left; margin-left: 1px; padding-top: 10px; margin-right: 5px;}
.block-wrapper img { padding-top: 2px; margin-left: 3px; } 
.block-wrapper img.partydot { margin-top: 3px;  margin-left: 3px; vertical-align: top; } 
.header { height: 12px; font-weight: bold; font-size: 12px; color: #000; text-align: center; margin: 5px 0;}
.case-name { width: 108px; font-weight: bold; font-size: 11px; color: #000; padding-left: 0px; text-align: right; margin: 1px 1px 0px 0px; padding: 5px 5px 0px 0px; height: 20px;}
#cases .case-name { margin: 3px 0 0 0;}
#issues .block-wrapper { padding-top: 5px; }
#issues h4 { margin-top: 30px; margin-bottom: 5px; }
#cases h4 { margin-top: 20px; } 
.unknown { background-color: #efefef; } 
.defendant { background-color: #e4efd0;} 
.plaintiff { background-color: #fae0ea;  }
.dismissed { background-color: #CEDDF0;  }
.key .block { padding: 2px; color: #666; margin-left: 5px; }
.key p { font-size: 11px; line-height: 12px;  }
.gray { background: url('../images/transgray.png'); }
.grayd { background: url('../images/transgray-d.png'); }

.panel-content h2 { font-family: arial;  color: #666; font-size: 12px; font-weight: normal;  margin: 10px 0 0 0;}

.im { background-color:#f7e7a8;  cursor: pointer; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} 
.em { background-color: #bce0eb; cursor: pointer; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.me { background-color:  #d1e0a4;cursor: pointer; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.hbe { background-color: #d2bad4; cursor: pointer; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.case-header {
   /* border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 5px 5px 5px 0 ;
    margin-top: 0px;
}

#cases .case-header {
    padding: 5px 5px 0px 0 ;
}

.aligntop { vertical-align: top; } 

/* TIMELINE */
#content h6 { color: #999; text-transform: uppercase; font-weight: normal; font-size: 11px; display: inline;}
.graybox { padding:10px 0 5px 10px; background-color: #efefef; margin: 10px 0; } 
.timeline { position: relative; margin-top: 5px; background: url('../images/timeline-bg.png') repeat-y; background-position: 113px 35px; margin-bottom: 10px;}
.date { position: absolute; font-size: 11px; color: #999999; top: 0px; z-index: 100; padding: 2px;}
.arrow-r { background: url('../images/arrow-bg.png') no-repeat; position: relative; background-position: right center; width: 100%; height: 20px; padding-right:25px; z-index: 100;}

.timeline h4 { margin: 10px 0px 2px 0;}
.timeline p { margin: 0px;}
.block-wrapper p { font-size: 11px; color: #000; margin-bottom: 5px;}
p.note { padding: 5px; font-size: 11px; color: #666; line-height: 14px; }
.white-bg { background-color: #fff; } 
/*.timeline p { background-color: #fff; display: inline;}*/

.panel-content { display: block; } 

/* TABS */
    
ul.panel-tabs-small li {
    font-size: 12px;
    padding: 5px;
    margin-left: 5px;
    color:#444;
    position:relative;
    float:left; 
    font-family:Arial;
    font-weight:bold;
    line-height:1em;
    border:1px solid #ccc;
    border-radius:5px 5px;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px 5px;
    cursor:pointer;
    background-color:#e8e8e8;
}

ul.panel-tabs-small li.leftside {
    margin-left: 0px;
}
    
ul.panel-tabs-small {
    height: 25px;
    border-bottom: 0px;
    width:100%; padding:0; list-style:none;
    text-align: center;
    
}

ul.panel-tabs-small li.active { color:#222; background-color:#fff; border-bottom:1px solid #ccc; }

/* GRID KEY */
.tline-key-wrapper {position:relative; z-index: 1000;}
.tline-key-wrapper.fixed {position:fixed;top:0px; height: 30px; border-bottom: 1px solid #ccc; padding-top: 5px;}
.tline-key-wrapper.bg { background: #fff url('../images/timeline-bg-full.jpg') repeat-y; background-position: 107px 10px; height: 30px;}
.tline-key {position:relative; }
.fixed{ background: #fff; height: 30px; width: 610px;   } 
.shadow {
	-moz-box-shadow: -1px 2px  4px #666;
	-webkit-box-shadow: -1px 2px  4px #666;
	box-shadow: -1px 2px  4px #666;
        margin-bottom: 15px;
}
/* TOOL TIP STYLES */
#rollover-box {
    display: none;
    font-size: 12px;
    font-family: arial;
    position: absolute;
    z-index: 10500;
    text-align: left;
}

#rollover-box p {
    font-size: 11px;
    font-family: arial;
    line-height: 13px;
    margin-bottom: 5px;
}

#rollover-box .mytip {  
    padding: .8em;  
    width: 190px;
    background-color: #ffffff;
    border: 2px solid #ccc;  
    position: relative;
    
}  
#rollover-box .mytip .pointer, #rollover-box .mytip .inner-pointer {  
    position: absolute;  
    width:0;  
    height:0;  
    border-bottom-width: 0;  
    background: none;  
}  
#rollover-box .mytip .pointer {  
    border-color: transparent #CCC transparent transparent;
    border-style: solid;
    border-width: 7px;
    left: -16px;
    top: 4px;
    position: absolute;
}  
#rollover-box .mytip .inner-pointer {  
    border-color: transparent #FFF transparent transparent;
    border-style: solid;
    border-width: 9px;
    left: -6px;
    top: -9px;
    position: absolute;
}