/*#catalog
/*, #catalog h3 */
/*, #catalog form
, #catalog .list
, #catalog button b
/* , #catalog ul */
{border: 1px solid red;} 

/* appearance */
#catalog {font-family: Arial; padding: 0 20px 10px 20px; text-align: left;}
#catalog h3 {font-size: 17px; padding-left: 30px; margin: 25px 0 10px 0; }
/* form */
#catalog form {background: #e1e4fe; padding: 12px 30px 12px 30px; }
#catalog input#search {height: 24px; margin-right: 3px; vertical-align: middle; width: 80%;  border: 0px solid white}

.todo {position: relative; }
.todo span {position: absolute; left: 0px; color: #c0c0c0; font-weight: normal; line-height: 20px; white-space: nowrap;}
#catalog input#search, .todo span {font-size: 16px; padding: 3px 0 0 10px;}

#catalog button {border: 0px solid white; background: url(../images/button.gif) no-repeat; color: white; 
    font-weight: bold;  width: 78px; height: 27px; cursor: pointer; vertical-align: middle; }
#catalog button b {font-size: 13px; font-family: Verdana; text-decoration: underline; line-height: 27px; position: relative; top: -1px; left: -2px;} 
/*-=====- */
#catalog ul {margin: 0px; padding: 8px 0 0 0px; list-style-type: none; font: 0px;}

#catalog ul li {margin: 0px; font-size: 13px; text-align: left; padding: 4px 4px 4px 20px; cursor: pointer; 
    background: url(../images/arrow.gif) no-repeat 10px 12px; position: relative; }

#search ul a {color: #6b6bcb;  margin: 0px; width: auto; text-decoration: underline;}
#result ul a {color: #6b6bcb;  margin: 0px; width: auto; border-bottom: 1px #6b6bcb dashed;}

/* right side */
#catalog ul.right li {width: 230px; padding-right: 15px;}
#catalog ul.left li {width: 230px; padding-right: 15px;}
#catalog ul li.hide a {color: #b6b6ff;}
#catalog ul li.hide {display: none;}
#catalog ul.show_all li.hide {display: block;}

#catalog thead {font-size: 12px; font-weight: bold; }

#catalog .set a {border-bottom-style: solid; font-weight: bold; }

#catalog .search ul li{font-size: 12px;}
#catalog .search h3 {font-size: 12px; background: url(../images/arrow-left.png) 3px 5px no-repeat; padding-left: 15px; width: 240px;
margin-bottom: 5px;}

/* left side */ 
.card {border: 1px solid #e2e2e2; margin: 0px 5px 15px 0px; padding: 5px; clear: both;}
.card dl dt {float: left; width: 185px; margin: 0px 0 0 0px; padding: 12px 0px 12px 10px; display: inline; clear: both;
font-weight: bold; background: #e2e2e2; font-size: 12px; }

.results {background-color: #fffcde; padding: 5px 0px 5px 30px; font-size: 13px;}
.results b {color: #a80000}

#catalog dd ul {padding-top: 0px;}

.card dl {padding: 0px; margin: 2px 0 0 0px;}
.card dl dd {padding: 0px; padding-left: 200px; margin: 0px 0 10px 0px; display: block; }  
*html .card dl dd {height: 1%;  margin-left: 0px; padding-left: 0px}

.card dl:after{content: "."; visibility: hidden; display: block; content: "."; clear: both; height: 0; }
.card dd:after{visibility: hidden; display: block; content: "."; clear: both; height: 0px; }
#catalog .card h3 {background: url(../images/bgcity.png) 0 -10px repeat-x; padding: 0px 0 0px 12px; margin: 0px; line-height: 35px;}

.card h4 {background: url(../images/arrow-down.png) 20px 5px no-repeat; 
border-bottom: 1px solid #000; margin: 10px 0 4px 200px; padding: 0 0 8px 30px; font-size: 13px;}

#catalog .left .hover {background-color: #fffcde}
#catalog .right .hover {background-color: #ecffdd}
#catalog .hover {background-color: #fffcde;}

#catalog ul.left li.active {background-color: #fffcde; display: block ; }
#catalog ul.right li.active {background-color: #ecffdd; display: block ;}

#catalog a.close {border: 0px solid red; display: block; width: 14px; height: 14px; position: absolute; 
background: url(../images/close.gif) no-repeat; left: 100%; top: 0px; margin: 3px 0 0 -17px;}

/*
#catalog li.hover a.map {visibility: visible;}
#catalog a.map { border: 0px solid red; display: block; width: 22px; height: 22px; position: absolute; visibility: hidden;
background: url(../images/map.gif) no-repeat; left: 100%; top: 0px; margin: 3px 0 0 -23px;}

#catalog .card ul li {padding-bottom: 8px;}
*/

#mapbox {left: 100px; top: 100px; display: none; background: white; border: 1px solid #CFCFCF; z-index: 1000; text-align: left; position: absolute; 
padding: 14px 2px 2px 2px}
#mapbox .close { position: absolute; width: 14px; height: 14px; top: 0px; right: 0px; background: url(../images/close.gif) no-repeat; cursor: pointer;}

#ymap {border: 1px solid #CFCFCF; width: 600px; height: 400px;} 

#mapinfo {border: 0px solid red; background: url(../images/mapinfo.gif) no-repeat; width: 97px; height: 48px; cursor: pointer;
position: absolute; display: none; z-index: 500;}

#catalog ul.left, #catalog ul.right {padding-top: 2px;}
.choose {font-size: 11px; padding: 0 0 4px 15px}
a.show_all {font-size: 11px; margin: 4px 0 0 15px; display: inline-block; border-bottom: 1px dashed}

#card-about {width: 650px; font-family: Tahoma; }
#card-about table {width: 100%; border-collapse: collapse}
#card-about th, #card-about td {border-bottom: 1px solid lightgray;  padding: 3px; font-size: 12px; padding: 4px;}
#card-about th {border-right: 1px solid lightgray;}

.tab-list {list-style-type: none; padding: 0; margin-top: 4px; margin-bottom: 5px;  }
.tab-list li {display: inline; padding: 5px 20px; cursor: pointer; 
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    /*background: #ffc7f6;*/
    background: #b7c0ed url(../images/b-passive.png) repeat-x ;
    margin-left: 1px;
}
.tab-list li a {
    font-size: 13px; color: #000; border-bottom: 1px dashed #000;
}

.tab-list li.active {background: #b7c0ed url(../images/b-active.png) repeat-x ;} /*#fffbc7*/
.tab-list li:hover {background: #b7c0ed url(../images/b-active.png) repeat-x;} /*#fffbc7*/
.tab {display: none;}

#card-about .YMaps-b-balloon-wrap table { margin: 0px; }
#card-about .YMaps-b-balloon-wrap table td { padding: 0px; border: none}
#card-about {background: url(../images/bg.png) repeat-x; padding: 8px;}
#card-about h3 {color: white; border-bottom: 2px solid white; margin-top: 0px; margin-bottom: 4px; }
#card-about h4 {margin-top: 3px; font-size: 12px;}
.tab {background: white; border: #cfcfcf}

.cb input {vertical-align: middle;}
.cb {font-size: 12px;}

.results div {float: right; font-size: 11px; padding-right: 20px;}
.results div a {text-decoration: underline}