body {font-family:Arial, Helvetica, sans-serif;}
* {font-family:inherit;font-size:inherit;color:inherit;}
div.container {position:relative;}
div#MainTable {
    width: 100%;
    max-width: 800px;
    background-image: url(/images/layout/sidebackground.jpg);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #5BADDF;
    float:left;
}

div.topBanner {padding-left:0;background-image:url('/Images/Layout/HeaderBG.png');height:137px;background-position:right;background-color:transparent;background-repeat:no-repeat;}
div.topBanner img {width:71.875%;max-width:575px;margin-top:5px;}

div#MainTable div.LeftSide {
margin:0;
vertical-align:top;
padding-top:20px;
float:left;
position:relative;
}

div.LeftSide ul {
text-align:center;
margin-top:20px;
margin-left:0;
padding:0;
background-color:#5BADDF;
}

div.LeftSide li {
display:block;
list-style-type:none;
margin:0;
padding:0;
float:left;
width:100%;
}

div.LeftSide li a {
display:block;
text-decoration:none;
margin:0;
font-weight:bold;
color:#FFFFFF;
}

div.LeftSide li a:hover {
background-color:#406B8D;
text-decoration:none;
}

div.LeftSide button.navbar-toggle {border-color:#ddd;}
div.LeftSide button.navbar-toggle span.icon-bar {background-color:#888;}

#SponsoredBy {
font-size:12px;
background-image:url(/images/Layout/sponsoredbackground.jpg);
position:absolute;
top:422px;
left:33px;
width:150px;
height:159px;
}

#SponsoredBy p {
padding:10px 0 0 10px;
margin:0;
}

p.quote {
padding:0 50px 0 50px;
}

.Broker {
font-weight:normal; 
font-size: 12px; 
text-decoration:none;
color:#FFFFFF;
}

.ContactLink {  
font-weight:normal;
font-size:11px;
}

.Disclaimer {
font-size:10px;
text-decoration:none;
color:#000000;
background-color:#FFFFFF;	
}

.OfficeName {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
text-decoration:none;
color:#FFFFFF;
}

.CramerQuote {
font-style:italic;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:12px;
}

div.LeftSide {
width: 180px;
background-color: #5BADDF;
}

img.SlideShow {
float:left;
}

div.MapTable {
height:270px;text-align:center;
}

div.MapTable img {max-width:100%;max-height:185px;}

div#MainTable div.MainContent {
padding:20px 0 0 20px;
vertical-align:top;
text-align:left;
float:right;
width:620px;
background-color:#FFFFFF;
min-height:580px;
}

div.BottomContact {box-sizing: border-box;padding: 0 15px;}
div.BottomContact div.row {
font-size:12px;
white-space:nowrap;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

div.BottomContact div.Contact3 {
text-align:center;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}

div.BottomContact div.Mobile {border-right:1px solid #CCCCCC;}

    div .BottomContact div.ContactEmail {
text-align:center;
border-bottom:1px solid #CCCCCC;
}

#Bottom {
margin-top:20px;
clear:both;
}

#Bottom table td, #Bottom td h5 {
margin:0;
padding:0;
}

div.ContactInfo {
margin:10px 0 20px 20px;
border-right:2px solid #999999;
border-bottom:2px solid #999999;
border-left:1px solid #CCCCCC;
}

div.ContactInfo div.title {
text-align:left;
vertical-align:top;
border-top:1px solid #CCCCCC;
border-left:none;
padding-right:20px;
font-weight:bold;
}

div.ContactInfo div {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:0 10px 0 0;
}

div.SubdivisionMaps div {
	text-align:center;
}

h5.Copyright {text-align:center;}
div.Footer {text-align:center;}
div.BottomLinks {font-size:10px;text-align:center;}
div#OakRunSlideshow img {max-width:100%;max-height:270px;}
div#OakRunSlideshow div.gallerylayer {text-align:center;}
p.VisitorCount {font-weight:bold;text-align:center;}
div.OakRunSign, div.MapToOakRun {text-align:center;}
div.OakRunSign img, div.MapToOakRun img {max-width: 100%;}
h2.AboutOakRun {font-size:18px;color:#324696;font-weight:bold;}
ul.OakRunAmenities li {width:50%;float:left;}
ul.OakRunAmenities {float:left;}
div.AboutOakRunSection img {float:right;width:150px;border:0;padding-left:5px;}
div.AboutOakRunSection {float:left;width:100%;}
div.AboutOakRunSection p {padding-left:20px;padding-right:5px;}
div#OakRunCentralIllinois img {max-width:100%;}
div.RegisterTable label {font-weight:normal;}
div.RegisterTable label.Required {font-weight:bold;}
div.RegisterTable div.AnotherAgent {text-align:center;}
div.RegisterTable div.SubmitButton {text-align:center;}
div.RegisterTable {margin-bottom:50px;}
div.AboutSteve h4 {text-align:center;color:#336699;font-size:medium;font-weight:bold;}
div.AboutSteve h3 {margin-bottom:0;}
div.AboutSteve p.Address {font-weight:bold;}
div.AboutSteve p.CramerQuote {font-weight:bold;}
img#SubdivisionMap, img#OakRunMap {max-width:600px;max-height:396px;width:100%;height:auto;}
div#SubdivisionMap {width:100%;margin-bottom:15px;}
div#SubdivisionMap img {width:100%;}
div.ellipses {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
h2.Contact {text-align:center;}
div.GolfCourseMap img {width:100%;max-width:640px;}
div#Scorecard {width:100%;overflow:auto;}
iframe.OakRunVideo {width:100%;}
    
@media (min-width:768px) {
        div #MainTable div.MainContent {width:540px;}
    div.topBanner {background-image: url('/Images/Layout/HeaderBG_Medium.png');}
    .VideoBody {width:100%;}
    video {width:100%;max-width:640px;height:auto;}
    iframe.OakRunVideo {height:355px;}
    div.RegisterTable {text-align: center;}
    div.MapHeader div {text-align:center;}
}

@media (min-width:992px) {
    div#MainTable div.MainContent {
        width: 620px;
    }
    div.topBanner {background-image: url('/Images/Layout/HeaderBG.png');}
    div.RegisterTable {text-align:left;}
    div.MapHeader div {text-align:left;}
    div.MapHeader div.MainMap {text-align:center;}
}

@media (min-width:1200px) {
    }

@media (max-width:767px) {
    div#MainTable div.MainContent {width:100%;min-height:unset;}
    div#SponsoredBy {bottom:5px;top:auto;left:auto;width:100%;background-repeat:no-repeat;background-position:center;margin-left:-15px;margin-right:-15px;}
    div#SponsoredBy p {width:150px;margin-left:auto;margin-right:auto;}
    div#MainTable div.LeftSide {position:relative;padding-top:0;width:100%;background-color:transparent;}
    div.container {padding-bottom:175px;}
    div.BottomContact div.Mobile {border-bottom:none;border-right:none;}
    div#MainTable div.LeftSide ul.InvisibleForSmall {display:none;}
    div#MainTable div.LeftSide ul {border-radius:10px;padding:10px 0;float:left;width:100%;position:absolute;margin:0;top:50px;z-index:1100;font-size:18px;}
    div#MainTable {background-image:none;background-color:transparent;}
    div.topBanner {background-image: url('/Images/Layout/HeaderBG_Small.png');height: 110px;}
    div.topBanner img {max-width:400px;margin-top:15px;}
    video {width: 100%;max-width:640px;height:auto;}
    iframe.OakRunVideo {height:380px;}
    div.AboutOakRunSection img {float:none;width:auto;max-width:100%;}
    div.AboutOakRunSection {text-align:center;}
    div.AboutOakRunSection p {text-align:left;}
    ul.OakRunAmenities li {width:100%;float:none;margin-bottom:8px;}
    ul.OakRunAmenities {float:none;padding-left:0;list-style:none;}
    div.RegisterTable {text-align:center;}
    div.ContactInfo div {border-top:none;text-align:center;border-left:none;}
    div.ContactInfo div.title {text-align:center;}
    div.MapHeader div {text-align:center;}
    a.PrintableLink {display:none;}
}

@media (max-width:400px) {
    iframe.OakRunVideo {height:200px;}
}
/* -------------------- Property Search Results ------------------------ */
#PrintPage { text-align: center; }
#PrintPage a { text-decoration: none; font-size: 16px; }
#PropertySearchResults img { border: 0; }
#PropertySearchResults h4 { font-size: 12px; font-weight: bold; text-align: center; }
#PropertySearchResults h5 { font-size: 10px; font-weight: bold; text-align: left; }
#PropertySearchResults .small { font-size: 10px; }
#PropertySearchResults .pending, #PropertySearchResults .sold { font-size: 12px; color: #CC0000; font-weight: bold; text-transform: uppercase; text-align: center; }
#PropertySearchResults table { width: 780px; text-align: center; padding: 4px; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#PropertySearchResults table td { padding: 2px; vertical-align: top; text-align: left; }
#PropertySearchResults table td.PriceANDMLS { text-align: right; font-size: 14px; width: 100px; }
#PropertySearchResults table td img.MLSPhoto { height: 80px; }
#PropertySearchResults table td img.agentPhoto { border: 0; height: 60px; }
#PropertySearchResults table td#SearchColumnHeadingViewing { font-weight: normal; font-size: 12px; text-align: left; padding: 2px; }
#PropertySearchResults table td.SearchResultsHeading { padding: 5px; font-size: 12px; font-weight: bold; background-color: #123B79; color: #FFFFFF; }
#PropertySearchResults table td.AddressCell { text-align: left; }
#PropertySearchResults table td.SearchColumnHeading { padding: 0px; font-size: 12px; font-weight: bold; text-align: center; background-color: #000000; color: #FFFFFF; border-top: 1px solid #000000; margin-right: 0; }
#PropertySearchResults table td.SearchColumnHeading a { color: #FFFFFF; }
#PropertySearchResults table td.SearchNONMLSHeading { padding: 2px; font-size: 12px; font-weight: bold; color: #ffffff; text-align: center; background-color: #000099; }
#PropertySearchResults table tr.lightRow { background-color: #FFFFFF; }
#PropertySearchResults table tr.darkRow { background-color: #EEEEEE; }
#PropertySearchResults table tr.darkRow td#SearchColumnHeadingViewing { background-color: #123B79; color: #FFFFFF; border-top: 1px solid #000000; }
#PropertySearchResults table#ChoosePage { width: 600px; }
#PropertySearchResults table#ChoosePage td#Previous { width: 15%; text-align: left; }
#PropertySearchResults table#ChoosePage td#PageList { text-align: center; font-weight: bold; }
#PropertySearchResults table#ChoosePage td#Next { width: 15%; text-align: right; }
#PropertySearchResults a.SearchResultsHeading { color: #FFFFFF; }
#PropertySearchResults td.DividerRow { padding: 0; height: 2px; }
#PropertySearchResults div.Property { border-bottom: 2px solid #CCCCCC; margin-bottom: 0; padding: 3px 0; }
#PropertySearchResults div.Tours, #PropertySearchResults div.ListingsCategory div.OpenHouseInfo { height: auto; min-height: 2em; }
#PropertySearchResults div#PropertyList div.EvenRow { background-color: #EEEEEE; }
#PropertySearchResults div#ColumnHeadings, #PropertySearchResults div.ColumnHeadings { background-color: #5BADDF;padding-bottom:5px; }
#PropertySearchResults div#ColumnHeadings div, #PropertySearchResults div.ColumnHeadings div { height: 2.5em; color: #FFFFFF; font-weight: bold; }
#PropertySearchResults div#ColumnHeadings div a, #PropertySearchResults div.ColumnHeadings div a { color: #FFFFFF; }
#PropertySearchResults div.AddressColumn { min-width: initial; }
#PropertySearchResults div.Property div.Price, #PropertySearchResults div.Property div.MLS { font-size: 14px; }
#PropertySearchResults div.Property div.ListedBy { font-size: 10px; }
#PropertySearchResults div.ListingsCategory { margin: 20px 0; clear: both; float: left; width: 100%; }
/*ajs hacks after copying css from steve cramer site*/
#PropertySearchResults div.MLS, #PropertySearchResults div.Price { overflow: visible; }
@media (min-width:768px) {
    #PropertySearchResults table td.SearchColumnHeading .Tours, #PropertySearchResults div.Tours { display: none; }
    #PropertySearchResults table td.SearchColumnHeading .Price, #PropertySearchResults div.Price { margin-left: 25px; }
    #PropertySearchResults div.AddressColumn { width: 24%; }
}
@media (min-width:992px) {
    #PropertySearchResults table td.SearchColumnHeading .Tours, #PropertySearchResults div.Tours { display: block; }
    #PropertySearchResults table td.SearchColumnHeading .Price, #PropertySearchResults div.Price { margin-left: 0; }
}
#PropertySearchResults div.MLS { float: left; }
#PropertySearchResults { width: 100%; margin-bottom: 15px; }
/* -------------------- MLS listing Display page ------------------------------- */
#MLSListing { font-weight: normal; color: #000000; max-width: 750px; width: 100%; margin-bottom: 15px; }
#MLSListing hr { color: #000066; border: 1px solid black; }
#MLSListing #PrintPage { text-align: center; }
#MLSListing #PrintPage img { text-align: right; border: 0; }
#MLSListing table.SectionHeading { width: 100%; border: 0; padding: 0px; }
#MLSListing table.SectionHeading td.longRow { width: 70%; }
#MLSListing table.SectionHeading td.shortRow { width: 10%; }
#MLSListing table.SectionHeading hr { color: #000066; }
#MLSListing table.SectionHeading td.title { font-weight: bold; text-align: center; font-size: 14px; }
#MLSListing table.PropertyOverview { width: 100%; border: 0; padding: 0px; }
#MLSListing table.PropertyOverview td.PhotoCell { text-align: center; vertical-align: top; }
#MLSListing table.PropertyOverview td.PhotoCell img { width: 250px; border: 2px solid #000066; }
#MLSListing table.PropertyOverview td.AddressCell { text-align: left; vertical-align: top; width: 200px; }
#MLSListing table.PropertyOverview td.AddressCell .address { font-weight: bold; }
#MLSListing table.PropertyOverview td.PriceCell { text-align: right; vertical-align: top; }
#MLSListing table.PropertyOverview td.PriceCell .price { font-weight: bold; }
#MLSListing table.PropertyOverview td.PriceCell .pending, #MLSListing table.PropertyOverview td.PriceCell .sold { font-size: 12px; color: #CC0000; font-weight: bold; text-transform: uppercase; text-align: center; }
#MLSListing table.PropertyOverview table.MenuButtons { width: 100%; text-align: left; border: 0; padding: 0; font-size: 12px; }
#MLSListing table.PropertyOverview table.MenuButtons img { border: 0; }
#MLSListing table.PropertyOverview td.MortgageCell { text-align: center; vertical-align: top; background-color: #DDDDDD; font-weight: bold; font-size: 12px; padding: 4px; }
#MLSListing table.PropertyOverview td.MortgageCell .supersmall { font-size: 10px; font-weight: normal; font-family: Arial; }
#MLSListing table.PropertyOverview td.DescriptionCell { text-align: justify; vertical-align: top; padding: 2px; }
#MLSListing table.PropertyOverview td.HotlineCell { text-align: center; }
#MLSListing table.PropertyOverview td.ThumbnailCell { font-style: italic; font-size: 12px; text-align: center; }
#MLSListing table.PropertyOverview td.ThumbnailCell img { height: 40px; max-width: 61px; border: 0; }
#MLSListing table.PropertyFeatures { width: 100%; padding: 0; border: 0; }
#MLSListing table.PropertyFeatures table.PropertyFeatureDetails { font-size: 11px; width: 100%; }
#MLSListing table.PropertyFeatures table.PropertyFeatureDetails td.CategoryHeading, #MLSListing div.PropertyFeatures div.PropertyFeatureDetails div.CategoryHeading { background-color: #5BADDF; text-align: center; border: 1px solid #000; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 2px; }
#MLSListing table.PropertyFeatures table.PropertyFeatureDetails td.fieldTitle { font-weight: bold; }
#MLSListing table.PhotoGallerySection { width: 100%; border: 0; padding: 0; }
#MLSListing table.PhotoGallerySection #clicktoEnlarge { font-style: italic; font-size: 14px; text-align: left; padding-left: 10px; padding-bottom: 30px; }
#MLSListing table.PhotoGallerySection td { text-align: center; margin-bottom: 10px; }
#MLSListing table.PhotoGallerySection td .title { font-weight: bold; font-size: 14px; }
#MLSListing table.PhotoGallerySection td .description { font-weight: normal; font-size: 12px; }
#MLSListing table.PhotoGallerySection img { width: 100px; border: 0; }
#MLSListing table.AgentSection { width: 100%; border: 0; padding: 0; }
#MLSListing table.AgentSection img { border: 0; text-align: left; }
#MLSListing table.AgentSection td.LeftCell { vertical-align: top; text-align: left; }
#MLSListing table.AgentSection td.CenterCell { width: 100%; text-align: center; font-size: 12px; }
#MLSListing table.AgentSection td.CenterCell .AgentName { font-weight: bold; font-size: 14px; }
#MLSListing table.PhoneList { border: 0; margin: 0px; width: 0px; padding: 0px; font-size: 12px; }
#MLSListing table.PhoneList td { padding: 2px 6px; vertical-align: top; }
#MLSListing table.AgentSection td.RightCell { vertical-align: top; text-align: right; }
#MLSListing table.Disclaimer { border: 0; padding: 0px; width: 100%; }
#MLSListing table.Disclaimer td { font-size: 10px; text-align: left; }
#MLSListing table.Disclaimer td img { width: 95px; text-align: left; border: 0; }
#MLSListing table.Disclaimer td.rightCellLogo { text-align: center; }
#MLSListing table.Disclaimer td.rightCellLogo img { width: auto; }
#MLSListing table.Disclaimer td.rightCellCourtesy { text-align: center; background-color: #000000; font-weight: bold; font-size: 10px; width: 100px; color: #FFFFFF; }
#MLSListing table.Disclaimer td.LastUpdated { text-align: center; font-size: 10px; font-style: italic; color: #123B79; }
#MLSListing tr.CityTaxLink td a, #MLSListing tr.CountyTaxLink td a { font-weight: bold; }
#MLSListing div.ThumbnailCell { width: auto; overflow: hidden; }
#MLSListing div.PhotosSection div.jcarousel-container-horizontal { height: 55px; width: 100%; max-width: 322px; }
/*ajs hacks after copying css from steve cramer site*/
#MLSListing div.PropertyFeatureDetails {  min-width: 0; }
#MLSListing div.MenuButtons { width: 100%; }