/*
* used to highlight areas that need content/links
*/
.highlight
{
    display:inline;
     color:#cc0000;
     font-weight:bold;
     font-size:12px;
}

html, body {
    height:100%;
    margin:0;
    padding:0;
}
body {
    text-align:center;
    background:#FFFFFF url(/images/bodyBg.png) top center repeat-x;
}
#content p {
    margin:0 0 7px;
    padding:0;
}
#content h5 {
    font-size:11px;
    line-height:11px;
    margin:12px 0 0;
    padding:0;
}
table, tr, th, td {
    padding:0;
    margin:0;
    border-collapse:collapse;
}
table.adminLogin {
    width:300px;
}
table.adminLogin td {
    height:27px;
}
table.contactform {
    margin:30px 0px;
}
table.contactform td {
    padding:3px;
}
/*
*   Admin Navigation Styles
*/
#printHeader {
    display:none;
}
.admin {
    width:auto;
    min-height:84px;
    background:#101010 url(/images/admin_nav_bg.png) repeat-x top center;
    color:#FFFFFF;
    padding:8px;
    position:relative;
    text-align:left;
}
.admin h1 {
    font-size:12px;
    width:100%;
    border-bottom:1px dotted #CCCCCC;
    padding:0 0 5px;
    margin:0;
}
div.admin a {
    color:#FFFFFF;
}
div.admin a img {
    border:none;
    vertical-align:top;
}
a span.tenantReq {
    clear:both;
    float:right;
    position:relative;
    display:block;
    height:56px;
    width:244px;
    background:url(/images/tenantRequest.png) no-repeat;
}
span.tenantReq span {
    display:none;
}
a span.tenantReq:hover {
    background:url(/images/tenantRequest.png) no-repeat 0px -56px;
}
div.admin {
height:120px;
}
div.admin ul {
    float:left;
    list-style-image:none;
    list-style-type:none;
    margin:8px 40px 8px 0px;
    padding:0;
    z-index:10;
}
div.admin div {
    float:left;
    height:100px;
}
div.admin ul ul {
    float:none;
}
div.admin ul li {
    font-weight:bold;
}
div.admin ul li a, #content div.admin ul li a:hover {
    border:none;
}
div.admin ul ul li a {
    border-bottom:1px dotted #FFFFFF;
}
div.admin ul ul li a:hover {
    border-bottom:1px dotted #079A79;
}
div.admin ul ul {
    padding:0px 0px 0px 8px;
    margin:0;
}
div.admin ul ul li {
    font-weight:normal;
}
.admin span.logout {
    position:absolute;
    top:8px;
    right:8px;
}
.admin span.logout a, .admin span.logout a:hover {
    border:none;
}
/*
*   In the News
*
*/
.inTheNews {
    border-bottom:1px dotted #c2c2c2;
    padding:10px 0;
}
div.inTheNews h2, div.inTheNews p {
    margin:0;
    padding:0;
}
div.inTheNews a img {
    border:none;
}
/*
*   miniBio table
*
*/
table.miniBio img {
    width:50px;
    height:auto;
    border:4px solid #008265;
}
table.miniBio td {
    padding:3px;
}
table.miniBio {
    line-height:normal;
    margin-bottom:30px;
}
/*
*   acquisitionsTable
*
*/
table.acquisitionsTable {
    width:100%;
    line-height:normal;
    font-size:10px;
}
table.acquisitionsTable tr.head th, table.acquisitionsTable tr.head td {
    font-weight:bold;
    vertical-align:bottom;
}
table.acquisitionsTable th {
    text-align:left;
    font-weight:normal;
    width:37%;
}
table.acquisitionsTable td {
    text-align:right;
    width:21%;
}
table.acquisitionsTable th, table.acquisitionsTable td {
    padding:3px;
    border-bottom:1px dotted #e2e2e2;
}
table.total {
    width:58%;
    font-size:10px;
    font-weight:bold;
}
table.total td {
    text-align:right;
    padding:3px;
}
/*
*   Layout Styles
*   * Setting dimensions (inc. margin/padding)
*/
#body {
    width:900px;
    margin:20px auto 0px;
    padding:0;
}
#header {
    width:900px;
    margin:0;
    padding:0;
}
#navigation {
    width:713px;
    margin:15px 0 0;
    padding:0;
    float:right;
}
#subNav {
    width:703px;
    height:19px;
    clear:both;
    background:#6a747c;
    margin:0;
    padding:0;
    vertical-align:middle;
    line-height:19px;
    padding:0px 5px;
    text-align:left;
    display:none;
}
#breadcrumbs {
    width:100%;
    position:relative;
    float:none;
    height:18px;
    border-top:3px solid #6c757d;
    border-bottom:1px solid #6c757d;
    clear:both;
    text-align:left;
    line-height:18px;
}
#breadcrumbs img {
    vertical-align:middle;
    margin-top:-2px;
}
#content {
    width:900px;
    float:none;
    position:relative;
}
#home {
    width:900px;
}
hr.realty {
    border:1px solid lightgreen;
}
hr.development {
    border:#008265 1px solid;
}
hr.investments {
    border:#005395 1px solid;
}
hr.acquisitions {
    border:1px solid #1595d3;
}
div.subItem {
    float:left;
    width:209px;
    margin:0px 20px 0px 0px;
}
div.title {
    background:url(/images/home_subItem.png) top left no-repeat;
    display:table-cell !important;
    vertical-align:bottom;
    width:193px;
    padding:0px 8px;    
}
div.title * {
    vertical-align:bottom;
}
div.title table {
    width:100%;
}
div.title table td {
    /*height:50px;*/
}
.singleProject {
    margin:20px 0px 20px;
    border-bottom:1px dotted #c2c2c2;
    padding:0 0 20px;
}
.info {
    float:left;
}
.projects {
    float:left;
}
.projects .info div {
    border-bottom:1px dotted #666666;
    height:1px;
    margin:0;
    padding:0;
    width:100%;
}
.title h2 {
    font-size:14px;
    margin:0px 0px 0px 15px;
    padding:0;
}
.projects h2 {
    font-size:14px;
    font-weight:bold;
    color:#005395;
}
.footerRight {
    float:right;
    width:400px;
}
#footer {
    /*position:relative;*/
    width:900px;
    clear:both;
    padding:20px 0px 0px;
    border-top:1px dotted #e2e2e2;
    margin-top:20px;
    z-index:2;
}
#footer span.links {
    float:right;
    clear:right;
}
#footer h3 {
    margin:0;
    padding:0;
    float:left;
}
#footer img {
    float:right;
    margin:0;
    padding:0;
}
#footer .maximize {
    margin:23px 0 7px;
    clear:right;
}
/*
*   other ventures section
*/
span.otherVentures {
    display:block;
    cursor:pointer;
    float:left;
    height:40px;
    background:url(/images/otherVentures/otherVenturesBg.png) no-repeat;
    margin:10px 0 10px 10px;
    width:172px;
}
div.otherVentures {
    width:400px;
    float:left;
}
span.otherVentures span {
    display:none;
}
span.airside {
    margin-left:0;
    background-position:0 0;
}
span.kabel {
    background-position:-172px 0;
}
span.airside:hover {
    background-position:0 -40px;
}
span.kabel:hover {
    background-position:-172px -40px;
}
/*
*   social buttons for footer and tenant request
*/
.social {
    cursor:pointer;
    float:left;
    display:block;
    height:48px;
    background:url(/images/social/socialSprite.png) no-repeat;
    margin:10px 0 30px 0;
}
.social span {
    display:none;
}
/*                 xpos ypos                               */
.twitter {
    background-position:0px 0px;
    width:101px;
}
.twitter:hover {
    background-position:0px -48px;
}
.facebook {
    background-position: -101px 0px;
    width:106px;
}
.facebook:hover {
    background-position: -101px -48px;
}
.linkedin {
    background-position: -207px 0px;
    width:106px;
}
.linkedin:hover {
    background-position: -207px -48px;
}
.flickr {
    background-position: -313px 0px;
    width:84px;
}
.flickr:hover {
    background-position: -313px -48px;
}
/*
*   .pageContent declarations
*/
.pageContent {
    width:630px;
    padding:30px 0px 0px;
    float:left;
    line-height:22px;
    min-height:400px;
}
.pageContent table td {
    vertical-align:top;
}
.details div div h1 {
    font-size:14px;
    font-weight:bold;
}
.pageContent h1 {
    color:#008265;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:25px;
    padding:0;
    margin:0 0 6px;
}
.pageContent h2 {
    color:#787878;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
    margin:0px 0 12px;
    padding:0;
    line-height:16px;
}
.pageContent h3 {
    color:#025291;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:25px;
    padding:0;
    margin:0;
}
/* 
    for pages that have a right column, .rightColumn is declared
    as is .leftColumn
*/
.rightColumn h2 {
    color:#005395;
}
.rightColumn {
    position:relative;
    float:right;
    margin:64px 0 0;
    width:209px;
}
.rightColumn img {
    margin:20px 0 0;
    float:right;
}
.rightTop {
    text-align:left;
    width:auto;
    height:auto;
    position:relative;
}
.rightColumn table td.footer {
    width:146px;
    height:10px;
    background:url(/images/standardPhotoBottom.png) bottom center no-repeat;
}
.rightColumn table td img {
    border:4px solid #008265;
    margin:0px;
}
.rightColumn table {
    margin:0 0 10px;
}
.rightColumn a.button {
    padding:3px 0px;
    width:100%;
    display:block;
}
.rightColSpace {
    height:18px;
}
.rightColumn a.button:hover {
    background:#eaeaea;
    width:100%;
    display:block;
}
.rightColumn a.sub, .rightColumn a.sub:hover {
    border-right:3px solid #008265;
    margin-right:10px;
    padding-right:5px;
    width:auto;
}
.rightColumn h2 {
    font-size:14px;
    margin:6px 0px 6px 0;
    padding:0;
    text-align:right;
}
.rightColumn div.button {
    width: 100%;
    display: block;
    padding: 1px 0px;
}
.rightColumn div.button:hover {
    background:#eaeaea;
    cursor: pointer;
}
/*
*   Left Column Stuff
*/
td.leftColumn .lAgent td {
    padding:3px;
}
td.leftColumn .lAgent td p {
    padding:0px;
    margin:0px;
}
td.leftColumn .lAgent, td.leftColumn .pManager {
    font-size:10px;
    margin-top:10px;
}
td.leftColumn h3 {
    width:100%;
    color:#008265;
    font-size:12px;
    font-weight:bold;
    border-bottom:1px dotted #CCCCCC;
    padding:4px;
    margin:10px 0px 7px 0px;
}
.leftColumn {
    width:209px;
    margin:0px 10px 0 0;
    float:left;
}
span.noTop {
    margin-top:0;
}
span.img {
    float:left;
    margin:8px 20px 0 0;
    padding:5px;
    background:#ededed;
    border:1px solid #e0e0e0;
}
span.img span.caption {
    display:block;
    font-size:8.5px;
    padding:1px 3px;
    width:145px;
    line-height:normal;
    vertical-align:middle;
    text-align:center;
}
.border {
    border:4px solid #008265;
}
span.img img {
    border:4px solid #008265;
}
.photoControls {
    margin:0 auto;
    width:209px;
    text-align:center;
    color:#008265;
}
h1.address {
    font-family:Verdana, Arial, Sans-Serif;
    font-size:22px;
    line-height:23px;
    font-weight:normal;
    color:#0061aa;
}
h2 a.return {
    color:#787878;
}
h2.address {
    font-family:Verdana, Arial, Sans-Serif;
    font-size:14px;
    line-height:16px;
    font-weight:normal;
}
.photoControls img {
    margin:2px;
}
.photoControls img.thumb {
    border:2px solid #008265;
    height:20px;
    width:20px;
}
img.unitPhoto {
    float: left;
    margin: 5px;
    border:2px solid #008265;
    height:75px;
    width:75px;
}
.leftColumn a, .leftColumn a:hover {
    border:none;
}
.control {
    border:none;
}
#content ul {
    list-style-image:url(/images/bullet.png);
    padding:0;
    margin:0px 0 10px 29px;
}
/*
*   .details Declaration
*/
.details {
    width:691px;
    padding:0;
    line-height:13px;
}
.details div {
    float:right;
    background:url(/images/detailsTop.png) top right no-repeat;
    margin:0 0 20px;
    width:681px;
}
.details div div {
    width:618px;
    background:#FFFFFF;
    margin-top:27px;
    padding:0px 8px 8px;
    border-left:1px dotted #BBBBBB;
    border-right:1px dotted #BBBBBB;
    border-bottom:1px dotted #BBBBBB;
}
.details div div div {
    border:none;
    background:none;
    margin:0 0 10px 0;
    padding:0;
}
a.toggle {
    border:none;
    cursor: pointer;
}
.details a.toggle:link, .details a.toggle:hover {
    text-decoration:none;
    border:none;
}
.details a.toggle img {
    vertical-align:middle;
    margin:0px 2px 0px 0px;
    text-decoration:none;
    border:none;
}
.details a.toggle img:hover {
    text-decoration:none;
}
div#content .details ul#amenities, div#content .details ul#tenants {
    list-style-image:none;
}
.details ul#amenities li, .details ul#tenants li {
    float:left;
    width:48%;
    margin:0;
}
.details table {
    width:100%;
}
.details table td {
    width:25%;
    text-align:left;
    font-size:10px;
}
div.agent {
    float:none;
}
.details table th.w30 {
    width:30%;
}
.details table th.w20, .details table td.w20 {
    width:20%;
}
.details table th {
    padding:1px;
    width:20%;
    text-align:left;
    vertical-align:top;
    font-size:10px;
}
.details table td.data table {
    border-top:1px dotted #CCCCCC;
    border-bottom:1px dotted #CCCCCC;
    margin:10px 0px;
}
.details .tenants div div {
    width:620px;
    margin:0;
    padding:0;
}
.details .demographics table th.textRight, .details .demographics table td.textRight {
    text-align:right;
}
div.map {
    float:right;
    width: 597px;
    height: 342px;
    border: 4px solid #008265;
}
div.map img {
}
/*
*   div.results
*/
div.results {
    width:903px;
    margin:20px auto 0px;
    padding:0;
    background:url(/images/listings_top.jpg) top left no-repeat;
    border:none;
}
div.results table {
    width:100%;
}
div.results div {
    margin-top:8px;
    padding:0 8px 8px;
    border-left:1px dotted #CCCCCC;
    border-right:1px dotted #CCCCCC;
    border-bottom:1px dotted #CCCCCC;
}
table.listingstable th, table.listingstable td {
    padding:0px 3px;
    border-right:1px dotted #e2e2e2;
    text-align:left;
}
table.listingstable th {
    font-size:11px;
    line-height:11px;
}
table.listingstable th.lastCol, table.listingstable td.lastCol {
    border:none;
}
.upperCase {
    text-transform:uppercase;
}
.titleCase {
    text-transform:capitalize;
}
.lowerCase {
    text-transform:lowercase;
}
/*
*   ul#searchFilters
*/
ul#searchFilters {
    background:url(/images/vertDiv.jpg) 65px 6px no-repeat;
    list-style-type:none;
    list-style-image:none;
    border:1px dotted #CCCCCC;
    padding:10px 8px;
    margin:0px 20px 20px 0px;
    width:250px;
}
ul#searchFilters li {
    margin:6px 0px;
}
ul#searchFilters li span {
    display:inline-block;
    margin:0px 20px 0px 0px;
    width:50px;
}
/*
*   Layout Backgrounds / Colors
*   (inc. link color, background colors/images)
*/
body {
    color:#666666;
}
a {
    color:#06614d;
    text-decoration:none;
    border-bottom:1px dotted #e2e2e2;
}
a:visited {
    color:#20957b;
    text-decoration:none;
}
a:hover {
    border-bottom:1px dotted #079a79;
    text-decoration:none;
}
a:active {
    
}
.lAgent a.thickbox {
    border-bottom:1px dotted #e2e2e2;
}
.lAgent a.thickbox:hover {
    border-bottom:1px dotted #079a79;
    text-decoration:none;
}
/*
*   Inner HTML styles
*   * Text alignment (inc. font-family, font-size, margin/padding, list styles)
*   * h(tags)
*/
body {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:11px;
}
h4 {
    color:#025291;
    font-size:14px;
    line-height:14px;
    margin:30px 0 0;
    padding:0;
}
div.subContent ol {
    margin:0px 0px 3px 11px;
}
ol {
    margin:3px 0px 3px 11px;
    padding:0;
    list-style-type:none;
}

ol.numbered {
    list-style-type:decimal;
    margin:0px 45px 30px;
}

ol.alpha {
    list-style-type:lower-alpha;
    margin:0px 45px 30px;
}
div#body {
    text-align:left;
}
div#header {
    text-align:right;
}
/*
*   Element specific classes
*   element.class { }; or element#id element element { };
*/
div#header img.logo {
    float:left;
    border:none;
    margin:0px 0px 10px 0px;
}
ul#nav {
    list-style:none;
    margin:0;
    padding:0;
    /*border-bottom: solid 1px #666666;*/
}
ul#nav li {
    display:block;
    margin:0;
    padding:0;
    float:left;
}
ul#nav li span {
    display:block;
    margin:0;
    padding:0;
    height:81px;
}
ul#nav li span span {
    display:none;
}
ul#nav a:hover {
    cursor: pointer;
}
#javaWarning {
    background:#008265;
    color:#FFFFFF;
    text-align:center;
    font-size:12px;
    padding:3px;
}
/*
*   div.home
*/
#home {
    line-height:15px;
}
#home h2 {
    margin:8px 0 0 10px;
    padding:0;
}
#home p {
    text-align:left;
}
#home div.title table td {
    height:40px;
    vertical-align:bottom;
}
#home div.subMore a {
    margin:0px 8px;
}
/*                                       xpos ypos                         */

ul#nav span.home {
    width:62px;
    background:url(/images/nav.png) -419px 0px no-repeat;
}
ul#nav span.homeon {
    width:62px;
    background:url(/images/nav.png) -419px -81px no-repeat;
}
ul#nav a:hover span.home {
    background:url(/images/nav.png) -419px -81px no-repeat;
}
ul#nav span.about {
    width:78px;
    background:url(/images/nav.png) -56px 0px no-repeat;
}
ul#nav span.abouton {
    width:78px;
    background:url(/images/nav.png) -56px -81px no-repeat;
}
ul#nav a:hover span.about {
    background:url(/images/nav.png) -56px -81px no-repeat;
}
ul#nav span.realty {
    width:75px;
    background:url(/images/nav.png) -736px 0px no-repeat;
}
ul#nav span.realtyon {
    width:75px;
    background:url(/images/nav.png) -736px -81px no-repeat;
}
ul#nav a:hover span.realty {
    background:url(/images/nav.png) -736px -81px no-repeat;
}
ul#nav span.development {
    width:110px;
    background:url(/images/nav.png) -213px 0px no-repeat;
}
ul#nav span.developmenton {
    width:110px;
    background:url(/images/nav.png) -213px -81px no-repeat;
}
ul#nav a:hover span.development {
    background:url(/images/nav.png) -213px -81px no-repeat;
}
ul#nav span.properties {
    width:96px;
    background:url(/images/nav.png) -323px 0px no-repeat;
}
ul#nav span.propertieson {
    width:96px;
    background:url(/images/nav.png) -323px -81px no-repeat;
}
ul#nav a:hover span.properties {
    background:url(/images/nav.png) -323px -81px no-repeat;
}
ul#nav span.investments {
    width:95px;
    background:url(/images/nav.png) -481px 0px no-repeat;
}
ul#nav span.investmentson {
    width:95px;
    background:url(/images/nav.png) -481px -81px no-repeat;
}
ul#nav a:hover span.investments {
    background:url(/images/nav.png) -481px -81px no-repeat;
}
ul#nav span.media {
    width:62px;
    background:url(/images/nav.png) -674px 0px no-repeat;
}
ul#nav span.mediaon {
    width:62px;
    background:url(/images/nav.png) -674px -81px no-repeat;
}
ul#nav a:hover span.media {
    background:url(/images/nav.png) -674px -81px no-repeat;
}
ul#nav span.blog {
    width:56px;
    background:url(/images/nav.png) 0px 0px no-repeat;
}
ul#nav span.blogon {
    width:56px;
    background:url(/images/nav.png) 0px -81px no-repeat;
}
ul#nav a:hover span.blog {
    background:url(/images/nav.png) 0px -81px no-repeat;
}
ul#nav span.contact {
    width:79px;
    background:url(/images/nav.png) -134px 0px no-repeat;
}
ul#nav span.contacton {
    width:79px;
    background:url(/images/nav.png) -134px -81px no-repeat;
}
ul#nav a:hover span.contact {
    background:url(/images/nav.png) -134px -81px no-repeat;
}
ul#nav span.current {
    background:url(/images/nav.png) -419px -81px no-repeat;
}
ul#nav a {
    
}
ul#nav ul, ul#nav ul ul {
    display:none;
}
img.banner {
    clear:both;
    margin:0px 0px 48px;
}
div.title hr {
    
}
div.title table td img {
    border:none;
}
div.subContent {
    border-left:1px dotted #bababa;
    border-right:1px dotted #bababa;
    padding:0 8px 8px;
    background:#FFFFFF;
}
div.subContent h2 {
    margin:18px 0;
}
div.subContent p {
    margin:0px 0 6px;
    padding:0;
    text-align:right;
}
.date {
    font-weight:bold;
}
div.subMore {
    border:1px dotted #bababa;
    border-top:none;
    /*padding:8px;*/
    text-align:right;
    background:#FFFFFF;
    margin-bottom:20px;
}
div.last {
    margin:0px;
}
.dlItem img{
    vertical-align:middle;
}
.dlItem {
    line-height:23px;
    margin-right:15px;
}
.dlItem a {
    color:#787878;
    font-weight:bold;
}
.prDownloads {
    width:471px;
    height:46px;
    margin:10px 0;
    padding:10px;
    background:url(/images/prDownloads.jpg) top center no-repeat;
    clear:both;
}
/*
* Styles for the subnavigation
*/
div#subNav ul {
    list-style:none;
    margin:0;
    padding:0;
}
div#subNav ul li {
    display:block;
    margin:0;
    padding:0;
    float:left;
}
div#subNav ul li span {
    display:block;
    margin:0;
    padding:0;
}
div#subNav ul li a {
    display:block;
    margin:0;
    padding: 0px 5px;
    color: #FFFFFF;
}
div#subNav ul li a:hover {
    display:block;
    margin:0;
    padding: 0px 5px;
    color: #666666;
    background-color: #FFFFFF;
}
/*
*   Random stuff
*/
.simpleButton {
    padding: 3px;
    margin: 5px;
    background-color: #CCCCCC;
    color: #222222;
    font-weight: bold;
    font-size: 14px;
    border: solid 1px #666666;
    cursor: pointer;
}
span.simpleButton {
    float: left;
}
/*
*   Element modifiers
*/
.error {
    color: Red;
}
.errortext {
    color: Red;
}
.successtext {
    color: Green;
}
.noBorder {
    border:none;
}
.wide {
    width:900px;
}
.clear {
    clear:both;
}
object {
    outline:none;
}
.right {
    float:right;
}
div.right {
    float:right;
}
.textRight {
    text-align:right;
}
.left {
    float:left;
}
.narrow {
    width:441px;
    margin-left:20px;
}
.errortext {
    color:#CC0000;
}
/* Acquisitions Table */
table.acquisitionsTable {
    
}
/* PRINT ICON */
span.print {
    position:absolute;
    right:0;
    top:0;
    font-size:10px;
    vertical-align:top;
    line-height:18px;
    height:12px;
}
span.print img {
    border:none;
}
/* Google Maps popup */
.gmaptooltip {
    width: 250px;
    height: 130px;
    font-family: Verdana, helvetica, Arial, Sans-Serif;
    font-size: 10px;
    padding-right: 10px;
    line-height:normal;
}
.gmaptooltip img {
    float: left;
    width: 75px;
    height: 75px;
    padding-right: 5px;
}

/* JQuery Validation plugin support */
.jqinvalid {
    border: solid 1px red;
    color: Red;
}
.jqsuccess {
    border: solid 1px green;
    color: Green;
}


/* Map on property detail page */
#inner_map_window {
    width: 450px;
    height: 400px;
    padding: 0px;
    margin: 0px;
    border: solid 4px #008265;
}
#map_window {
    width: 450px;
    height: 400px;
    padding: 0px;
    margin: 0px;
    display: none;
}

.energystar {
    padding: 0px 0px 4px 4px;
}


/* bug with IE7 on development/projects.aspx */
span.devprojimg {
    float: none;
    display: block;
}

/* Easily hide some elements via css */
.hide {
    display: none;
}