/*index page*/
img{
    border:none;}
    
.left-well{ 
    float:left;
    width:615px;}
    
.datasphere-main h3{
    background:url(http://www.roanoke.com/images/2007/h3Header.jpg) repeat-x;
    padding:2px 0;
    font-size:14px;
    text-align:center;}

#imgDatasphere{
    float:left;
    margin-bottom:10px;}    

#div-newDB{
    width:600px;
    padding:5px 0 0px 5px;
    border:none;
    float:left;
    margin-bottom:10px;
    background:#F6F5F3 url(http://www.roanoke.com/images/2007/topGrad2.jpg) repeat-x;}

#div-leftImage img{
    float:left;
    border:1px solid #cccccc; 
    padding:5px;}

#div-leftImage{
    float:left;
    width:170px;
    margin-right:5px;}

#div-leftImage p{
    font-weight:bold;}    

.headline-content{
    float:left;
    width:275px;
    margin-left:5px;}

.headline-content h2{
   font-size:15px;
   margin-bottom:5px;}  

.headline-content p{
    margin-top:0;}

#div-author {
    float:right;
    text-align:center;
    margin:0;
    padding:0 5px 5px 0;}

#div-author ul{
    padding: 0px;
    list-style:none;
    font-size:11px;
    margin:0;}
    
#div-author li{
    margin:0px;
    padding:0;}

#div-newestDB{
    background: #27476D;}
       
#div-DBcategory{
    clear:left;}

#div-right-data{
    float:right;
    clear:right;
    width:300px;}

.blog-comments {
    border:1px solid #cccccc;
    margin-top:10px;
    margin-bottom:10px;}

.blog-comments p{
    padding:5px;
    margin:0;}
    
.interesting-facts p{
    padding:42px 10px 5px;
    font-size:12px;
    font-weight:bold;}

.interesting-facts{
    background:#D6D3CE url(http://www.roanoke.com/images/2007/dataFact.jpg) no-repeat;
    width:300px;
   	padding-bottom:0px;
	margin-bottom:10px;}


/*Styles for .net application*/

.div-category{
    float:left;
    margin-right:10px;}

.div-header{
    font-size:15px;
    margin-top:10px;
    font-weight:bold;}

.div-header a{
    color:#000066;
    border-bottom:1px solid;}

.ul-list {
    height:95px;
    padding:5px 2px;
    width:290px;
    font-weight:bold;
    text-align:left;
    margin:5px 0; 
    border:1px solid #cccccc;}  

.database-name{
    list-style:disc;
    text-align:left;
    margin:0px;
    margin-left:15px;
    padding:0;}
    
.database-name a{
    padding-bottom:0;
    vertical-align:top;}   

.database-desc{
    margin-bottom:5px;
    list-style:none;}    

.category-name{
    font-size:15px;
    margin-bottom:0;
    font-weight:bold;}
 

/*Category Page*/

.category-info{
    width:605px;
    margin-bottom:10px;}

.category-info img{
    float:left;
    margin-right:10px;}    

.category-infoName{
    font-weight:bold;
    font-size:18px;
    border-bottom:1px solid;}    

.database-info{
    border-bottom:1px solid #cccccc;
    margin-bottom:10px;}

.database-info li{
    font-size:13px;
    font-weight:bold;}

.database-info span{
    font-size:12px;
    font-weight:normal;}

.database-update{
    list-style:none;
    font-size:11px;
    font-family: italic;
    margin-bottom:10px;}    


/*data base page*/

.databases{
    float:left;
    width:615px;
    border-bottom:1px solid #cccccc;
    padding-bottom:10px;
    margin-bottom:10px;}

.databases h3{
    text-align:center;
    font-size:14px;
    color: #444444;}    
    
#lblName{
    background:url(http://www.roanoke.com/images/2007/h3Header.jpg) repeat-x;
    font-size:15px;
    font-weight:bold;
    margin:0 0 10px 0;
    padding:2px;
    text-align:center;
    float:left;
    width:600px;}
    
#div-description{
    border-right:1px solid #cccccc;
    float:left;
    width:350px;}

#div-description img{
    margin:0 10px 5px 0;
    float:left;}

#div-description-info{
    margin:3px 3px 0 0; }

#lblSource{
    float:left;
    margin-top:1em;
    margin-bottom:0;
    font-style:italic;
    font-size:11px;}

#lblUpdate{
    clear:both;
    float:right;
    margin:.5em .5em 0 0;
    padding:0;
    font-size:11px;}  

.related-links{
    float:left;
    padding-left:10px;
    width:250px;}

.related-links h3{
    margin-left:10px;}

#div-no-well{
    float:right;
    padding-left:0;
    margin-top:0;}

.grid td {
   white-space: nowrap; }
   
.grid-header{
    background:#C9CAB8 url(http://www.roanoke.com/images/2007/gridHead.jpg) repeat-x;}

/*Story pages*/
.datasphere{
    width:615px;}

#imgDatasphereSmall{
    float:right;
    margin-top:-52px;
    margin-right:40px;}


#main h3{
    border-bottom:1px solid #cccccc;
    font-size:19px;
    font-weight:bold;
    margin:15px 0 5px 0;
    padding-top:5px;}
    
#main h5{
    margin:0;}   
    
.databases h4{
    text-align:center;
    font-size:14px;
    color: #444444;}    
    
.databases p{
    margin-top:0;
    margin-bottom:0;}    
    
/*Search Box/Grid Navigation*/

#div-search-panel{
    clear:both;
    float:left;
    width:390px;
    padding:15px 0 0 10px;
    margin:0;
    background: #D8DAC8 url(http://www.roanoke.com/images/2007/searchFile.jpg) no-repeat;}

#div-search-panel h4{
    visibility:hidden;
    margin-bottom:0px;}

#div-search-panel select{
    margin-bottom:3px;
    font-size:.9em;}

.field-label{
    margin-top:.2em;
    padding-right:5px;
    float:left;
    clear:both;
    width:7em;
    text-align:right;}

.go-button{
    float:left;
    margin:0;}    
    
#grid-navigation-left {
    margin-top:.3em;
    margin-left:.3em;
    float:left; }

#grid-navigation-right {
    margin-right:.3em;
    float:right;
    text-align:right; }

#grid-navigation-right select {
    font-size:.9em; }

#div-grid-results {
    border:solid 1px #999;
    width:925px;
    overflow:scroll; }

.results-grid {
    clear:both;
    background: #D8DAC8;
    padding:10px 10px 10px 10px;}
   
.results-grid img {
    margin:0 0 0 1em; }

.date-range {
    margin-bottom:.2em; }

.date-range label {
    margin-top:.2em; }

.date-range input {
    font-size:.9em; }

.ajax__calendar_container {
    border:solid 1px #ccc;
    background-color:#fff;
    z-index:101; }
    
.ajax__calendar_footer {
    border-top:solid 1px #ccc;}
    
.error-label {
    float:left;
    margin-left:7.5em; }