body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial;
}

p {
    text-align: justify;
}

#header {
    background-color: #3399ff;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    height: 91px;
    
}

#header #leftlogo img {
    float: left;
    border-style: none;
}

#header #rightlogo img {
    float: right;
    border-style: none;
}

#header #quickinfo {
    color: #ffffff;
    height: 65px;
    margin: 0 181px 0 166px;
    border-bottom: 1px solid #ffffff;
    padding: 0;
}

#header #quickinfo #headslogan {
    float: left;
    height: 40px;
    width: 400px;
    font-size: 18pt;
    margin-top: 10px;
    padding: 0;
    overflow: hidden;
}

#header #quickinfo #engandprint {
    font-size: 12pt;
    float: right;
    height: 50px;
    width: 250px;
    margin: 10px 0 0 0;
}

#header #quickinfo #engandprint a {
    display: block;
    clear: right;
    font-size: 10pt;
    text-decoration: none;
    color: #333399;
    font-weight: bold;
}

#backtodefault {
    display: none;
}

#printheader {
    display: none;
}

#mainmenu {
    background-color: #3366cc;
    height: 25px;
    background-image: url('images/leftslogan2.gif');
    background-repeat: no-repeat;
    background-position: left;
/*    padding: 0 0 0 166px;  */
    padding: 0;
    clear: left;
    overflow: hidden;
}

#mainmenu table {

    height: 25px;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#mainmenu table tr td {
    padding: 0;
    margin: 0;
}

#mainmenu table tr td a.mainmenuitem {
    display: block;
    float: left;
    height: 25px;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-color: #3366cc;
    background-image: url('images/mainmenuitemdevider.gif'); 
    background-position: left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 5px 0 23px;
}

#mainmenu table tr td a.mainmenuitemactive {
    display: block;
    float: left;
    height: 25px;

    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    
    background-color: #3399ff;
    background-image: url('images/mainmenuitemdevideractivebefore.gif');
    background-position: left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 5px 0 23px;
}

#mainmenu table tr td a.mainmenuitemafteractive {
    display: block;
    float: left;
    height: 25px;
    background-color: #3366cc;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    
    background-image: url('images/mainmenuitemdevideractive.gif');
    background-position: left;
    background-repeat: no-repeat;

    margin: 0;
    padding:0 5px 0 23px;
}

#mainmenu table tr td span.lastcellactive {
    float: left;
    height: 25px;
    background-color: #3366cc;
    background-image: url('images/mainmenuitemdevideractive.gif');
    background-position: left;
    background-repeat: no-repeat;
}

#mainmenu table tr td span.lastcellpassive {
    float: left;
    height: 25px;
    background-color: #3366cc;
    background-image: url('images/mainmenuitemdevider.gif');
    background-position: left;
    background-repeat: no-repeat;
}


#mainmenu .mainmenuitembefore {
    display: block;
    float: left;
    height: 25px;
    font-size: 10pt;
    font-weight: bold;
    color: #333399;
    text-decoration: none;
    
    background-color: #3399ff;
    background-image: url('images/mainmenuitemdevideractivebefore.gif');
    background-position: left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 9px;
}


#breadcrumbscontainer {
    width: 100%;
    clear: left;
    float: left; 
    background-color: #3399ff;
    border-top: 1px solid #ffffff;

    color: #000000;
}


#breadcrumbs {
    clear: left;
    float: left; 
    background-color: #3399ff;
    color: #000000;
    margin-left: 150px;
}

#breadcrumbs span#prefix {
    display: block;
    float: left;    
    font-size: 10pt;
    color: #000000;
    padding: 0 20px 0 0;
    height: 25px;
}

#breadcrumbs span.separator {
    color: #ffffff;
    font-size: 14px;
    display: block;
    float: left;
    margin: 0 8px;
    padding: 0;
}

#breadcrumbs a {
    display: block;
    float: left;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    padding: 0;
}



#leftcolumn {
    width: 150px;
    float: left;
    clear: left;
}

#leftcolumn {
    width: 150px;
    float: left;
    clear: left;
    padding: 0;
    margin: 0;
}

#leftcolumn #searchblockleft {
    width: 152px;
    float: left;
    background-color: #333399;
    padding: 0;
    margin: 0;
    text-align: center;
}

#searchblockleft form {
    margin: 0;
    padding: 0;
}

#searchblockleft form input.field {
    width: 90px;
    font-size: 9pt;
    border-style: none;
    margin: 1px;
}

#searchblockleft form input.button {
    background-color: #3366cc;
    color: #ffffff;
    font-size: 9pt;
    width: 47px;
    border-style: 1px solid #ffffff;
    padding: 0;
    margin: 1px 0;
}

#leftcolumn .menublock {
    width: 145px;
    float: left;
    padding: 0;
    margin: 2px 0 2px 5px;
}

#leftcolumn .menublock .menuheader {
    display: block;
    width: 120px;
    float: left;
    color: #333399;
    font-size: 12pt;
    font-weight: bold;

    text-decoration: none;
    text-align: left;

    background-image: url('images/marker.gif');
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 25px;
}

#leftcolumn .menublock .menubody {
    display: block;
    width: 100%;
    float: left;

    color: #000000;
    font-size: 10pt;

    border: 1px solid #ffffff;
}

#leftcolumn .menublock .menubody a span.more {
    color: #333399;
}

#leftcolumn .menublock .menubody .menuitem {
    display: block;
    float: left;
    clear: left;
    width: 125px;
    padding: 0;
    margin: 5px 10px;
    
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}

#leftcolumn .menublock .menubody .menuitem img {
    border: 1px solid #3399ff;
}

#leftcolumn .menublock .menubody .menuitem:hover {
    background-color: #eeeeee;
}

.contacts {
    width: 145px;
    float: left;
    margin: 2px 0 2px 5px;
}

.contacts .menuheader {
    display: block;
    width: 120px;
    float: left;
    color: #333399;
    font-size: 12pt;
    font-weight: bold;
    
    padding-left: 25px;

    text-decoration: none;
    text-align: left;

    background-image: url('images/marker.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

.contacts .menubody {
    display: block;
    width: 100%;
    float: left;

    color: #000000;
    font-size: 10pt;

    border: 1px solid #ffffff;
}

.contacts .menubody table tr td a {
    text-decoration: none;
    color: black;
}

.contacts .menubody form {
    margin: 0;
    padding: 0;
}

.contacts .menubody input.field {
    font-size: 8pt;
    width: 70px;
    border: 1px solid #3366cc;
}

.contacts .menubody input.button {
   width: 73px;
   color: #ffffff;
   margin: 0;
   padding: 0;
   font-size: 8pt;
   background-color: #3366cc;
}

.services {
    width: 150px;
    float: left;
    padding: 0;
    margin: 2px 0;

    background-color: #3366cc;
    border: 1px solid #ffffff;
}

.services .menuheader {
    display: block;
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;

    background-color: #333399;
    border-bottom: 1px solid #ffffff;

    text-decoration: none;
    text-align: center;

    background-image: none;
}

.services .menubody {
    display: block;
    width: 100%;
    float: left;

    color: #ffffff;
    font-size: 10pt;
}

.services .menubody a {
    display: block;
    float: left;
    clear: left;
    width: 130px;
    margin: 5px 10px;
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
    text-align: justify;
}

.services .menubody a:hover {
    background-color: #333399;
    color: #ffffff;
}

#rightcolumn {
    width: 250px;
    float: right;
    margin: 0;
    padding: 0
}

#rightcolumn .searchblockright {
    width: 250px;
    float: left;
    background-color: #333399;
    padding: 0;
    margin: 0;
    text-align: center;
}

#rightcolumn .searchblockright form {
    margin: 0;
}

#rightcolumn .searchblockright h1 {
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
    margin: 7px 0 0 0;
}

#rightcolumn .searchblockright form label {
    font-size: 9pt;
    color: #ffffff;
}

#rightcolumn .searchblockright form select {
    font-size: 9pt;
    width: 90%;
}

#rightcolumn .searchblockright form input.textType {
    width: 90%;
    font-size: 9pt;
    border-style: none;
}

#rightcolumn .searchblockright form input.button {
    background-color: #3366cc;
    color: #ffffff;
    font-size: 9pt;
    border-style: 1px solid #ffffff;
    padding: 0;
    margin: 7px 0 15px 0;
}

#rightcolumn .menublock {
    width: 245px;
    float: left;
    padding: 0;
    margin: 2px 5px 2px 0;
}

#rightcolumn .menublock .menuheader {
    display: block;
    width: 210px;
    float: left;
    color: #333399;
    font-size: 12pt;
    font-weight: bold;

    text-decoration: none;
    text-align: left;

    background-image: url('images/marker.gif');
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 25px;
}

#rightcolumn .menublock .menubody {
    display: block;
    width: 100%;
    float: left;

    color: #000000;
    font-size: 10pt;
    border: 1px solid #ffffff;
}



/* Стиль нужен только для вьюлета инструментов */

#rightcolumn .menublock .menubody a {
    display: block;
    float: left;
    clear: left;
    width: 225px;
    margin: 5px 10px;    
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}


#rightcolumn .menublock .menubody a.menuitem {
    display: block;
    float: left;
    clear: left;
    width: 225px;
    margin: 5px 10px;    
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}


#rightcolumn .menublock .menubody a.menuitem:hover {
    background-color: #eeeeee;
}


#rightcolumn .menublock .menubody div.menuitem {
    display: block;
    float: left;
    clear: left;
    width: 225px;
    margin: 10px 3px;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    text-align: justify;
}

#rightcolumn .menublock .menubody div.menuitem  a {
    width: 225px;
    margin: 0;
    padding: 0;
}

#rightcolumn .menublock .menubody .menuitem a img {
    border: 1px solid #3399ff;
    margin-right: 4px;
}


#rightcolumn .menublock .menubody div.menuitem  a.more {
    float: left;
    color: #333399;
}

#rightcolumn .menublock .menubody div.menuitem a strong.flatname {
    color: #333399;
}

#rightcolumn .menublock .menubody a.selected {
    display: block;
    float: left;
    clear: left;
    width: 225px;
    font-size: 10pt;
    text-decoration: none;
    text-align: justify;
    padding: 0 10px;
    margin: 0;
    background-color: #3366cc;
    color: #ffffff;
}

#rightcolumn .menublock .menubody a span.more {
    color: #333399;
}

#rightcolumn .menublock .menubody div.flatbox {
    width: 49%;
    float: left;
}

#rightcolumn .menublock .menubody div.flatbox a {
    display: block;
    float: left;
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
}

#rightcolumn .menublock .menubody div.flatbox a.header {
    width: 90%;
    padding-left: 10px;
    margin: 0;
    text-align: left;
    color: #333399;
}

#rightcolumn .menublock .menubody div.flatbox a img {
    border: 1px solid #3399ff;
    width: 95px;
    height: 71px;
}

#rightcolumn .menublock .menubody div.flatbox a img.moreimage {
    margin-top: 25px;
    margin-left: 25px;
    border-style: none;
    width: 46px;
    height: 47px;
}

#rightcolumn .menublock .menubody div.flatbox a.moreflats {
    color: #2d66cd;
    text-align: left;
    margin-left: 10px;
    text-decoration: underline;
    font-weight: bold;
}

#content_container {
    margin: 0 250px 0 152px;
    padding: 0;
}


#contentslogan {
    display: none;
    width: 100%;
    float: left;    
    font-size: 12pt;
    font-weight: bold;
    
    background-color: #ffffff;
    color: #333399;
    
    text-align: center;
    margin: 0;
    padding: 0;
}


#localnavy {
    width: 99%;
    float: left;
    font-size: 10pt;
/*    background-color: #3366cc;  */
    margin: 2px;
}

#localnavy .up {
/*    display: none;
    background-color: #3399ff;
    color: #ffffff;
*/
    font-weight: bold;

    text-align: center;
    
    width: 100%;
    float: left;
/*    border-bottom: 1px solid #ffffff;  */
}

#localnavy .up a {
    color: #3969d5;
    text-decoration: underline;
    font-weight: bold;
    
    background-image: url('images/lnup.gif');
    background-repeat: no-repeat;
    background-position: left center;
    
    padding-left: 25px;
}

#localnavy .right {
    width: 45%;
    float: right;
/*    background-color: #3366cc;
    color: #ffffff;

    text-decoration: none;
*/

    text-align: right;
    font-weight: bold;

/*    padding-right: 5px;  */

    color: #3969d5;
    text-decoration: underline;
    
    background-image: url('images/lnright.gif');
    background-repeat: no-repeat;
    background-position: right center;

    padding-right: 25px;
}

#localnavy .left {
    width: 45%;
    float: left;
/*    background-color: #3366cc;
    color: #ffffff;
    text-decoration: none;
    padding-left: 5px; */
    
    color: #3969d5;
    text-decoration: underline;
    font-weight: bold;
    
    background-image: url('images/lnleft.gif');
    background-repeat: no-repeat;
    background-position: left center;

    padding-left: 25px;
    
}

div#content {
    width: 97%;
    float: left;
    background-image: url('images/contentbg.gif');
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 150px;
    margin: 10px;
    font-size: 10pt;
}

#body {
    width: 100%;
    float: left;
    font-size: 10pt;
}

#searchmap {
    width: 100%;
    float: left;
}

#searchmap div.values h1.values {
    display: block;
    width: 100%;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    color: #333399;
    text-align: center;
}

#searchmap #metromap {
    width: 100%;
    float: left;
    text-align: center;
}


#searchfull {
    width: 100%;
    float: left;
}

#searchfull div.values h1.values {
    display: block;
    width: 100%;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    color: #333399;
    text-align: center;
}

h1.abstract {
    width: 100%;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    color: #333399;
}

span.abstractauthor {
    display: none;
}

span.abstractdate {
    display: none;
}

div.abstract {
    width: 100%;
    float: left;
    text-align: justify;
    font-size: 10pt;
    color: #000000;
}

div.abstract img {
    display: block;
    float: left;
    border: 1px solid #3399ff;
    margin: 10px;
}

div.abstract p {
    text-align: justify;
    font-size: 10pt;
}

.article {
    width: 100%;
    float: left;
    font-size: 10pt;
}

.article .document {
/*    width: 100%;  */
/*    float: left; */
    font-size: 10pt;
}



/*

REST закомментирован и находится благодаря этому в естественном состоянии

.article .document p {
    width: 100%;
    float: left;
    text-align: justify;
}

.article .document img {
    border-style: none;
    margin: 10px;
    float: left;
}

.article .document ul {
    width: 93%;
    float: left;
}

.article .document ol {
    width: 93%;
    float: left;
}

.article .document pre.literal-block {
    margin: 15px 0;
    width: 100%;
    clear: left;
    overflow: visible;
}

.article .document div.system-message {
  float: left;
  margin: 5px;
}

*/

.article img {
    border: 1px solid #3399ff;
}


div.values {
    width: 100%;
    float: left;
    font-size: 10pt;
}

div.values h1.values {
    display: none;
}

div.values .flatshort {
    width: 97%;
    float: left;
    text-align: center;
    margin: 20px 10px;
    font-size: 10pt;
}

div.values .flatshort .shortheader {
    width: 100%;
    float: left;
    background-image: url('images/marker.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div.values .flatshort .shortheader a.shorttitle {
    width: 49%;
    display: block;
    float: left;
    text-align: left;
    color: #333399;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-left: 30px;
}

div.values .flatshort div.flatshortcontrols {
    width: 97%;
    float: left;
    text-align: left;
}

div.values .flatshort div.flatshortcontrols a {
    color: #3366cc;
    font-size: 10pt;
    font-weight: bold;
    padding: 0;
    margin: 2px 2px 2px 30px;
}

div.values .flatshort .shortheader .shortdate {
    display: none;
}

div.values .flatshort .shortheader .shortauthor {
    display: none;
}

div.values .flatshort .shortabstract {
    width: 100%;
    float: left;
}

div.values .flatshort .shortabstract .feature {
    width: 100%;
    float: left;
    color: #3366cc;
    font-size: 10pt;
    text-align: left;
    padding-left: 30px;
}

div.values .flatshort .shortabstract table {
    clear: left;
    width: 97%;
    float: left;
    color: #000000;
    font-size: 10pt;
    margin-left: 30px;
}

div.values .flatshort .shortabstract table tr td {
    text-align: justify;
}

div.values .flatshort .shortabstract table tr td a img {
    border: 1px solid #3399ff;
}

div.values .flatshort .shortabstract table tr td .major {
    color: #3366cc;
    font-size: 10pt;
    text-align: left;
    padding-left: 10px;
}

div.values .flatshort .shortabstract table tr td .majorprice {
    color: #3366cc;
    font-size: 10pt;
    text-align: left;
    padding-left: 0;
}

div.values .flatshort .shortabstract table tr td.flatpropname {
    padding-left: 10px;
}












div.values .flatshort .shortabstractalt {
    display: none;
}

div.values .short {
    width: 97%;
    float: left;
    margin: 10px;
}

div.values .short .shortheader {
    width: 100%;
    float: left;
    background-image: url('images/marker.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div.values .short .shortheader .shorttitle {
    display: block;
    float: left;
    color: #333399;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-left: 30px;
}

div.values .short .shortheader .shortauthor {
    display: none;
}

div.values .short .shortheader .shortdate {
    display: none;
}

div.values .short .shortabstract {
    width: 92%;
    float: left;
    padding: 0;
    margin-left: 30px;
}

div.values .short div.docshortcontrols {
    width: 97%;
    float: left;
    text-align: left;
}

div.values .short div.docshortcontrols a {
    color: #3366cc;
    font-size: 10pt;
    font-weight: bold;
    padding: 0;
    margin: 2px 2px 2px 30px;
}

div.values .short .shortabstract img {
    border: 1px solid #3399ff;
    margin: 7px 7px 7px 0;
}

div.values .short .shortabstract p {
    margin: 0;
    font-size: 10pt;
}




div.values .placeshort {
    width: 97%;
    float: left;
    margin: 10px;
}

div.values .placeshort .shortheader {
    width: 100%;
    float: left;
    background-image: url('images/marker.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div.values .placeshort .shortheader .shorttitle {
    display: block;
    float: left;
    color: #333399;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-left: 30px;
}

div.values .placeshort .shortheader .shortauthor {
    display: none;
}

div.values .placeshort .shortheader .shortdate {
    display: none;
}

div.values .placeshort .shortabstract {
    width: 92%;
    float: left;
    padding: 0;
    margin-left: 30px;
}

div.values .placeshort div.placeinfo {
    width: 97%;
    float: left;
    text-align: left;
}

div.values .placeshort div.placeinfo table {
    margin-left: 30px;
}

div.values .placeshort div.placeinfo table tr td {
    color: #3366cc;
    font-size: 10pt;
}

div.values .placeshort div.docshortcontrols {
    width: 97%;
    float: left;
    text-align: left;
}

div.values .placeshort div.docshortcontrols a {
    color: #3366cc;
    font-size: 10pt;
    font-weight: bold;
    padding: 0;
    margin: 2px 2px 2px 30px;
}

div.values .placeshort .shortabstract a img {
    border: 1px solid #3399ff;
    margin: 7px 7px 7px 0;
}

div.values .placeshort .shortabstract p {
    margin: 0;
    font-size: 10pt;
}

.contenticons {
    width: 98%;
    overflow-x: scroll;
    float: left;
    padding: 5px;
}

.contenticons table tr td {
    vertical-align: bottom;
}

.contenticons table tr td a img {
    border: 1px solid #3399ff;
}

div.article {
    text-align: justify;
    font-size: 10pt;
    color: #000000;
}

div.reference {
    width: 100%;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

div.reference h1.reference {
    width: 100%;
    float: left;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color: #333399;
}

div.reference a.reference {
    width: 100%;
    float: left;
    font-size: 10pt;
    text-align: left;
}

.annotations {
    width: 250px;
    float: right;
}

div.annotation {
    margin: 10px 0 10px 10px;
}

div.annotation h1.annotation {
    color: #333399;
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
}

div.annotation table {
    clear: left;
    float: left;
    border: 1px solid #3399ff;
}

div.annotation table tr td {
/*    border-style: none;   */
}

div.annotation .annotation tr td span.key {
    color: #333399;
    font-weight: bold;
}

div.annotation table tr td input#mapbutton{
    background-color: #3366cc;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    border-style: 1px solid #ffffff;
    padding: 0;
    margin: 3px;

}

div.flatannotation {
    width: 100%;
    float: left;
    text-align: center;
}

/*
div.flatannotation div.flatannotationcontrols {
    width: 140px;
    height: 250px;
    margin-top: 70px;
    float: left;
    text-align: center;
}
*/


div.flatannotation div.flatannotationcontrols {
/*    margin-top: 20px;
    float: right;  */

    width: 100%;
    float: left;

    text-align: center;
/*    height: 190px;  */
}

div.flatannotation table.flatproperties {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 30px;
}

div.flatannotation table.flatproperties tr th {
    color: #3365cd;
    border-bottom: 1px solid #3169d5;
    text-align: left;
}

div.flatannotation table.flatproperties tr td.marker {
    background-image: url('images/marker.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    border-bottom: 1px solid #3169d5;
    min-width: 40px;
    width: 8%;
}

div.flatannotation table.flatproperties tr td.emptycell {
    border-bottom-style: none;
}

div.flatannotation table.flatproperties tr th.coloredcell {
    background-color: #d8eefd;
}

div.flatannotation table.flatproperties tr td.coloredcell {
    background-color: #d8eefd;
}

div.flatannotation table.flatproperties tr td.underlinedcell {
    border-bottom: 1px solid #3169d5;
}

div.flatannotation table.flatproperties tr td {
    text-align: left;
    border-bottom: 1px solid #c5c6cd;
}


div.flatannotation div.flatannotationcontrols form#reserve {
    width: 48%;
    float: left;
    text-align: right;
}

div.flatannotation div.flatannotationcontrols form#googlemap {
    width: 48%;
    float: right;
    text-align: left;
}


div.flatannotation div.flatannotationcontrols input#reservebutton {
    background-color: #3366cc;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    border-style: 1px solid #ffffff;
    padding: 0;
    margin-top: 5px;
}

div.flatannotation div.flatannotationcontrols input#mapbutton {
    background-color: #3366cc;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    border-style: 1px solid #ffffff;
    padding: 0;
    margin-top: 5px;
}

div.flatannotation h1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    color: #3365cd;
    padding: 0;
    margin: 0;
}


div.flatrentarules {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; 
}

div.flatrentarules h1 {
    width: 100%;
    float: left;
    font-size: 10pt;
    background-image: url('images/marker.gif');
    background-position: left;
    background-repeat: no-repeat;

    padding-left: 30px;
    text-align: left;

    color: #3365cd;
    margin: 3px 0;
}

div.flatannotation div.propertybag {
    width: 275px;
    height: 310px;

    float: left;
    margin-top: 10px;
}

div.flatannotation div.propertybag h1.propertyheader {
    width: 100%;
    float: left;
    font-size: 10pt;
    background-image: url('images/marker.gif');
    background-position: left;
    background-repeat: no-repeat;

    padding-left: 30px;
    text-align: left;
}

div.flatannotation div.propertybag dl {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

div.flatannotation div.propertybag dl dt {
    width: 95px;
    float: left;
    clear: left;
    font-size: 10pt;
    text-align: justify;
    padding: 0 0 10px 30px;
    margin: 0;
}

div.flatannotation div.propertybag dl dd {
    font-size: 10pt;
    float: left;
    width: 140px;
    text-align: justify;
    margin: 0;
    padding: 0 0 10px 10px;
}

div.flatannotation div.firstpropertybag {
    width: 420px;
    height: 260px;
    
    float: left;
    margin-top: 10px;
}

div.flatannotation div.firstpropertybag h1.propertyheader {
    width: 100%;
    float: left;
    font-size: 10pt;
    background-image: url('images/marker.gif');
    background-position: left;
    background-repeat: no-repeat;

    padding-left: 30px;
    text-align: left;
}

div.flatannotation div.firstpropertybag dl {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

div.flatannotation div.firstpropertybag dl dt {
    width: 170px;
    float: left;
    clear:left;
    font-size: 10pt;
    text-align: justify;
    padding: 0 0 10px 30px;
    margin:0;
}

div.flatannotation div.firstpropertybag dl dd {
    font-size: 10pt;
    float: left;
    width: 140px;
    text-align: justify;
    padding: 0 0 10px 10px;
    margin: 0;
}

#googlemapbox {
    display: block;
    width: 99%;
    float: left;
    text-align: center;
}

#googlemapbox img {
    border: 1px solid #3399ff;
}

#footer {
    width: 100%;
    clear: both;
    float: left;
}

#footer #footerslogan {
    width: 100%;
    float: left;
    color: #333399;
    font-size: 12pt;
    background-color: #a7a9a9;
}

#footer #footerslogan table {
    width: 100%;
}

#footer #footerslogan table tr td {
    text-align: center;
}

#footer #referencemenu {
    width: 100%;
    float: left;
    clear: left;
    background-color: #3366cc;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    height: 25px;
    text-align: center;
}

#footer #referencemenu a.mainmenuitem {
    padding: 3px 10px 0px 10px;
    margin: 0;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

#footer #referencemenu a.mainmenuitemactive {
    padding: 3px 10px 0px 10px;
    margin: 0;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-color: #333399;
}

#footer div#copyright {
    width: 100%;
    background-color: #333399;
    font-size: 10pt;
    float: left;
    text-align: right;
    height: 25px;
}

#footer div#copyright a {
    color: #ffffff;
    font-weight: bold;
    margin: 0 10px;
}

#smartbanner {
    background-color: #ffffff;
    text-align: center;
}

.fullimagecontainer {
    border: 1px solid #3399ff;
    text-align: center;
    margin: 15px 10px;
}

.fullimagecontainer h1.sitetitle {
    position: absolute;
    font-size: 12pt;
    left: 50px;
    top:0;
    padding: 0 5px;
    margin: 0;
    background-color: white;
    float: left;
}

.fullimagecontainer h1.sitetitle a {
    color: #3399ff;
    text-decoration: none;
}

.fullimagecontainer h1.fullimage {
    font-size: 16px;
    font-weight: bold;
}

.fullimagecontainer .imagebox {
    text-align: center;
    margin: 10px;
    position: relative;
    overflow: auto;
}

.error {
    display: block;
    width: 98%;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    color: #e61000;
    margin: 5px 0;
    border: solid 1px #e61000;
    padding: 5px;
    text-align: center;
}

.warning {
    display: block;
    width: 98%;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    color: green;
    margin: 5px 0;
    border: solid 1px green;
    padding: 5px;
    text-align: center;
}

.trace {
    display: block;
    width: 98%;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    color: blue;
    margin: 5px 0;
    border: solid 1px blue;
    padding: 5px;
    text-align: center;
}


div.metro {
    background-color: #3399ff;
    width: 152px;
    float: left;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: center;
    height: 2em;
}

div.metro img {
    border: 0px;
    height: 1.2em;
    padding: 0.4em 0.2em 0.4em 0.2em;
    float: left;
}

div.metro div {
    padding: 0.4em 0em 0em 0em;
    font-size: 12pt;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    overflow: hidden;
}

div#popupblock {
    display: none;
    width: 250px;
    
    position: absolute;
    background-color: #ffffff;
    border: 2px solid #333399;
}

div#popupblock a#popupblockheader {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    background-color: #333399;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

div#popupblock a.flatitem {
    width: 225px;
    float: left;
    color: #000000;
    font-size: 8pt;
    text-align: justify;
    text-decoration: none;
    padding: 3px 0 3px 25px;
}

div#popupblock a.flatitem:hover {
    background-color: #eeeeee;
}

div#popupblock h1 {
    display: block;
    width: 225px;
    float: left;
    color: #333399;
    font-size: 10pt;
    font-weight: bold;

    text-decoration: none;
    text-align: left;

    background-image: url('images/marker.gif');
    background-position: center left;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 25px;
}

div#popupblock .warning {
    width: 250px;
    float: left;
    font-size: 8pt;
    color: green;
    padding: 0;
    border-style: none;
    text-align: center;
}