@charset "utf-8";
body {
    background: #E4F0FD url(../images/body2_bg.gif) repeat;
    text-align:center;
    color: #000000;
    font-weight: normal;
    height: 100%;
}

html {height: 100%;}

a {
    font-weight: bold;
    color: #272727;
    text-decoration: none;
}

a:hover {
    font-weight: bold;
    color: #00a2ff;
    text-decoration: underline;
}

#pagecontent a {
    font-weight: bold;
    color: #272727;
    text-decoration: underline;
}

#pagecontent a:hover {
    font-weight: bold;
    color: #00a2ff;
    text-decoration: underline;
}

input,textarea,select,button,checkbox {
    padding-left: 2px;
    padding-right: 2px;
    margin:2px auto;
    color:#272727;
    border:solid 1px #737373;
    font: bold 100% "Trebuchet MS", Helvetica, Verdana, Tahoma, Arial, sans-serif;
    background: #FFFFFF url(../images/form_bg.gif) repeat-x
}
form,input {font-size:102%}
textarea {font-size:small}
select,button {font-size:102%;}

input:disabled, textarea:disabled, select:disabled, button:disabled, checkbox:disabled{
    border:solid 1px #999;
    color: #999;
}

label {
    font: bold 100% "Trebuchet MS", Helvetica, Verdana, Tahoma, Arial, sans-serif;
    color:#272727;
}

.form_label {
    color: #ff9c20;	
}

.button {
    font: bold 102% "Trebuchet MS", Helvetica, Verdana, Tahoma, Arial, sans-serif;
}

.center {
    margin: 0 auto;
}

.form-row {
    clear: both;
    padding-bottom: 0px;
}

div.form-row label {
    display: block;
    float: left;
    text-align: left;
    width: 10em;
    font-weight: normal !important;
}

div.form-row ul { list-style: none; margin: 0; padding: 0; clear: both; }
div.form-row li { float: left; width: 100px; line-height: 18px; padding: 2px; margin: 0 5px 5px 0; border: 1px solid #ccc; background: #fff; }
div.form-row li.selected { background: #00B200; color: #fff; }
div.form-row ul li label {
    display: block;
    float: left;
    width: 10px;
    white-space: nowrap;
    margin: 0;
    padding: 0 2px 0 4px;
    text-align: left;
}
ul.checkbox_list input, ul.checkbox_list textarea, ul.checkbox_list select, ul.checkbox_list button, ul.checkbox_list checkbox {
    display: block;
    float: left;
    text-align: left;
}

.error_list {
    color: #ff0000;
}

ul.error_list {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

ul.error_list li {
    float: none;
    width: auto;
    line-height: normal;
    padding: 5px;
    margin: 0;
    border: 0;
    background: inherit;
}

.odd {

}

.even {
    background: #e0e0e0;
}

.row {
    clear: both;
}

.cell {
    float: left;
}

.cellr {
    float: right;
}

.left {
    text-align: left;
    padding-left: 2px;
}

.right {
    text-align: right;
    padding-right: 2px;
}

.floatleft {
    float: left;
    text-align: left;
    padding-left: 2px;
}

.floatright {
    float: right;
    text-align: right;
    padding-right: 2px;
}

.center {
    text-align: center;
    margin: 0 auto;
    padding-left: 2px;
    padding-right: 2px;
}

.selfcenter {
    text-align: left;
    padding-left: 15px;
    padding-right: 2px;
}

.null {
    padding: 0;
    margin: 0;
}

.absmiddle {
    margin:0;
    vertical-align:middle
}

#flags {
    text-align: center;
    padding: 0 10px 0 0;
    float: right;
}

#flags img{
    padding-right: 4px;
}


#town_config {
    float: left;
    position: relative;
    height: 22px;
    width: 21px;
    padding: 3px 0 0 10px;
}

/**
 * Spans
 **/

.h1 {
    font-size: 180%;
}
.h2 {
    font-size: 160%;
}
.h3 {
    font-size: 140%;
}
.h4 {
    font-size: 120%;
}
.h5 {
    font-size: 110%;
}
.h6 {
    font-size: 100%;
}

.red {
    color: #F00;
}

#page {
    background: url(../images/body_bg.gif) repeat-x;
    text-align:center;
}

#layout {
    text-align: left;
    margin: 0 auto;
    color: #000000;
    padding-bottom: 40px;
}

#header {
    height: 156px;
    width: 960px;
    margin: 0;
    padding: 0;
}

#content {
    background: #ffffff;
    border-left: 2px solid #00a2ff;
    border-right: 2px solid #00a2ff;
}

.text {
    background: #ffffff;
    padding: 0 3px;
}

.text a {
    font-weight: bold;
    color: #00a2ff;
    text-decoration: underline;
}

.text a:hover {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background: #00a2ff;
}

#columns {
    padding-top: 15px;
    padding-bottom: 20px;
    margin-left: -2px;
    margin-right: -2px;
}

#logo_container {
    float: left;
    position: relative;
    z-index: 50;
    top: 20px;
    left: 10px;
    width: 256px;
    height: 88px;
}

#banner_container {
    float: right;
    position: relative;
    z-index: 60;
    top: 10px;
    right: 10px;
    width: 520px;
    height: 133px;
}

#banner_placement {
    position: relative;
    left: 0;
    right: 0;
    z-index: 2;
    width: 520px;
    height: 76px;
    padding: 0;
}

#banner_placement_left {
    float: left;
    width: 6px;
    height: 76px;
    background: url(../images/banner_bg_l.png) no-repeat;
}

#banner_placement_center {
    float: left;
    width: 488px;
    height: 76px;
    padding: 8px 10px 0px 10px;
    background: url(../images/banner_bg_c.png) repeat-x;
    text-align: center;
}
.banner_big_place {
    width: 470px;
    height: 62px;
    border: 1px solid #000;
    margin: 0 auto;
}

#banner_placement_right {
    float: left;
    width: 6px;
    height: 76px;
    background: url(../images/banner_bg_r.png) no-repeat;
}
#loginform_placement {
    position: relative;
    top: -10px;
    left: 12px;
    z-index: 1;
    width: 500px;
    height: 33px;
}

#loginform_placement_left {
    float: left;
    width: 7px;
    height: 33px;
    background: url(../images/login_bg_l.png) no-repeat;
}

#loginform_placement_center {
    float: left;
    width: 486px;
    height: 33px;
    padding: 3px 0 3px 0;
    background: url(../images/login_bg_c.png) repeat-x;
}

#usermenu {
    width: 476px;
    height: 33px;
    display: block;
}

#loginform_placement_right {
    float: left;
    width: 7px;
    height: 33px;
    background: url(../images/login_bg_r.png) no-repeat;
}

#search_placement {
    float: right;
    position: relative;
    z-index: 30;
    top: 0;
    right: 20px;
    width: 210px;
    height: 33px;
    padding: 0;
    margin: 0;
}

#search_placement_left {
    float: left;
    width: 10px;
    height: 34px;
    background: url(../images/search_bg_l.png) no-repeat;
}

#search_placement_center {
    float: left;
    width: 190px;
    height: 34px;
    padding: 4px 0 3px 0;
    background: url(../images/search_bg_c.png) repeat-x;
}

#search_placement_right {
    float: left;
    width: 10px;
    height: 34px;
    background: url(../images/search_bg_r.png) no-repeat;
}

/**
 * Tabs
*/

#maintabs {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    z-index: 1;
}
ul#tabs {
    list-style: none;
    padding: 0 0 0 25px;
    margin: 0;
}

#tabs li {
    display: inline;
    margin: 0;
    padding: 0;
    height: 26px;
    font-weight: bold;
    white-space: nowrap;
}

#tabs li.active a{
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/maintab_bg_l.png);
}

#tabs a {
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
    float: left;
    margin: 0px 6px;
    padding: 0 0px 0 10px;
    text-decoration: none;
}

#tabs a span {
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    display: block;
    padding: 0px 10px 0px 0px;
    color: #00a2ff;
    font-size: 125%;
}

#tabs a {
    background-image: url(../images/maintab_in_bg_l.png)
}

#tabs a span {
    background-image: url(../images/maintab_in_bg_r.png)
}

#tabs li.active a span {
    background-repeat: no-repeat;
    background-position: right top;
    color: #fff;
    background-image: url(../images/maintab_bg_r.png);

}

#tabs a:hover {
    background-position:0% -33px;
    color: #626161;
}

#tabs a:hover span {
    background-position:100% -33px;
    color: #626161;
}

#tabs li.active a:hover span {
    background-position: right top;
    color: #FFF;
}

#tabs li.active a:hover {
    background-position: left top;
}

#welcome {
    position: relative;
    left: 0;
    top: 0;
    z-index: 20;
    margin: 0;
    height: auto;
    min-height: auto;
    background: url(../images/welcome_bg.png) no-repeat scroll 0 0;
    color: #FFF;
    padding: 4px 15px 4px 15px;
    font-size: 120%;
    font-weight: bold;
    line-height: 20px;
}

#town_select {
    height: 27px;
    text-align: center;
}

#town_select span {
    padding: 0 4px 2px 4px;
    background: url(../images/active_city_bg.gif) repeat center center;
}

#town_select a span {
    color: #FFF;
}

#town_select a:hover span {
    color: #FFF;
    text-decoration: underline;
}

#footer_banners {
    margin: 0;
    padding: 0;
    border-top: 1px dashed #000000;
    background: url(../images/footer_banners_bg.gif) repeat-x bottom left;
    height: 93px;
    text-align: center;
}

#footer_banners img { 
    padding-top: 17px;
}

#footer {
    margin: 0;
    height: auto;
    min-height: 100%;
    background: url(../images/footer_bg.png) no-repeat bottom left;
    color: #FFF;
    padding: 4px 15px 4px 15px;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
}

#footer a { 
    color: #FFF;
}

/**
 * Blocks
*/

.block {
    padding-bottom: 15px;
}

.block_4 .block {
    width: 220px;
}

.block_4 .blockTitle {
    text-align: center;
}

.block_4 .blockTitle span {
    width: 200px;
}

.block_8 .block, .block_8l .block {
    width: 460px;
}

.block_8 .blockTitle, .block_8l .blockTitle {
    text-align: left;
}

.block_8 .blockTitle span, .block_8l .blockTitle span {
    width: 440px;
}

.block_12 .block {
    width: 700px;
}

.block_12 .blockTitle {
    text-align: left;
}

.block_12 .blockTitle span {
    width: 680px;
}

.block_16 .block {
    width: 940px;
}

.block_16 .blockTitle {
    text-align: left;
}

.block_16 .blockTitle span {
    width: 920px;
}

.block_4 .blockContent {
    background: #FEFEFE url(../images/block_content_bg.png) repeat-x top left;
    border-left: 1px dashed #999999;
    border-right: 1px dashed #999999;
    border-bottom: 1px dashed #999999;
}

.block_8 .blockContent {
    background: #f8f8f8;
    padding: 2px;
    border-bottom: 1px dashed #999999;
}

.block_12 .blockContent {
    background: #f8f8f8;
    padding: 2px;
    border-bottom: 1px dashed #999999;
}

.block_16 .blockContent {
    background: #f8f8f8;
    padding: 2px;
    border-bottom: 1px dashed #999999;
}

.blockTitle {
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    padding: 0 0px 0 10px;
    text-decoration: none;
    width: 10px;
    color: #FFF;
    font-size: 110%;
    font-weight: bold;
    min-height: 24px;
    line-height: 24px;
}

.blockTitle span {
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    display: block;
    padding: 0px 10px 0px 0px;
    color: #FFF;
    font-size: 110%;
    min-height: 24px;
    line-height: 24px;
}

.blockTitle {
    background-image: url(../images/block_bg_l.png)
}

.blockTitle span {
    background-image: url(../images/block_bg_r.png)
}

/**
 * Content Block
*/

.block_8 .blocks110x153 .contentBlock {
    padding: 2px;
}

.block_12 .blocks110x153 {
    padding: 0;
}

.block_12 .blocks110x153 .contentBlock {
    padding: 2px 3px 2px 3px;
}

.blocks110x153 {
}

.blocks110x153 a {
    font-weight: bold;
    color: #272727;
    text-decoration: none;
}

.blocks110x153 a:hover {
    font-weight: bold;
    color: #004ba1;
    text-decoration: underline;
}

.blocks110x153 .contentBlock {
    width: 110px;
    height: 153px;
    float: left;
}

.blocks110x153 .contentBlockTitle {
    text-align: center;
}

.blocks110x153 .contentBlockTitle span {
    width: 90px;
}

.blocks110x153 .contentBlockFooter span {
    width: 90px;
}

.blocks110x153 .contentBlockContent {
    height: 124px;
    min-height: 124px;
}

.blocks110x153 .contentBlockContent {
    text-align: center;
}

.blocks110x153 .contentBlockText {
    width: 108px;
    min-height: 57px;
    height: 57px;
}


.hovered .contentBlockTitle {
    background-image: url(../images/content_block_bg_tlh.png)
}

.hovered .contentBlockTitle span {
    background-image: url(../images/content_block_bg_trh.png)
}

.hovered .contentBlockContent {
    background: #FFF url(../images/content_block_bg_ch.png) repeat-x top left;
    border-left: 1px solid #18b8f9;
    border-right: 1px solid #18b8f9;
}

.hovered .contentBlockFooter {
    background-image: url(../images/content_block_bg_blh.png)
}

.hovered .contentBlockFooter span {
    background-image: url(../images/content_block_bg_brh.png)
}

.unhovered .contentBlockTitle {
    background-image: url(../images/content_block_bg_tl.png)
}

.unhovered .contentBlockTitle span {
    background-image: url(../images/content_block_bg_tr.png)
}

.unhovered .contentBlockContent {
    background: #FFF url(../images/content_block_bg_c.png) repeat-x top left;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.unhovered .contentBlockFooter {
    background-image: url(../images/content_block_bg_bl.png)
}

.unhovered .contentBlockFooter span {
    background-image: url(../images/content_block_bg_br.png)
}

.contentBlockImage {
    display: block !important;
    width: 100px;
    min-width: 100px;
    height: 77px;
    min-height: 77px;
    text-align: center;
    margin: 0 auto;
    line-height: 77px;
    overflow:hidden;
}

.contentBlockImage img{
    border: 1px solid #272727;	
}

.contentBlockImage a:hover img{
    border: 1px solid #FFF;
}

.contentBlockTitle {
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    padding: 0 0px 0 10px;
    text-decoration: none;
    width: 10px;
    color: #373737;
    font-size: 100%;
    font-weight: bold;
    min-height: 19px;
    line-height: 19px;
}

.content_h {
   float: left;
   padding: 0 0px 0 10px;
   text-decoration: none;
   width: 10px;
   color: #373737;
   font-size: 100%;
   font-weight: bold;
   display: none;
}

.contentBlockTitle span {
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    display: block;
    padding: 0px 10px 0px 0px;
    color: #373737;
    font-size: 100%;
    min-height: 19px;
    line-height: 19px;
}

.contentBlockFooter {
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    padding: 0 0px 0 10px;
    text-decoration: none;
    width: 10px;
    color: #373737;
    font-size: 100%;
    font-weight: bold;
    min-height: 9px;
    line-height: 9px;
}

.contentBlockFooter span {
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    display: block;
    padding: 0px 10px 0px 0px;
    color: #373737;
    font-size: 100%;
    min-height: 9px;
    line-height: 9px;
}

.contentBlockText {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 30;
    font-size: 85%;
    font-weight: bold;
    line-height: 1.3em;
}

.numbr_big {
   padding: 0 0 0 14px;
   text-decoration: none;
   width: 14px;
   font-size: 100%;
   font-weight: bold;
   min-height: 51px;
   display: none;
}


/**
 * Button
*/

.block_4 .content_button {
    width: 200px;
}

.block_4 .content_button div.content_button_right {
    width: 192px;
}

.content_button {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    color: #FFF;
    padding: 0 0 0 14px;
    text-decoration: none;
    width: 14px;
    font-size: 100%;
    font-weight: bold;
    min-height: 51px;
    line-height: 51px;
}

.content_rep {
   background-repeat: no-repeat;
   background-position: right top;
   float: left;
   display: block;
   padding: 0px 14px 0px 0px;
   color: #FFF;
   font-size: 140%;
   min-height: 51px;
   line-height: 51px;
   display: none;
}

.content_button_right {
    display: inline;
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    display: block;
    padding: 0px 14px 0px 0px;
    color: #FFF;
    font-size: 140%;
    min-height: 51px;
    line-height: 51px;
}

.content_button_image {
    position: relative;
    top: -10px;
    float: left;
    display: inline;
    width: 54px;
}

.content_button_title {
    position: relative;
    top: 4px;
    left: 8px;
    float: left;
    display: inline;
    line-height: 20px;
    width: 138px;
}

.unhovered .content_button {
    color: #FFF;
    text-decoration: none;
    background-image: url(../images/button_bg_l.png)
}

.unhovered .content_button_right {
    color: #FFF;
    background-image: url(../images/button_bg_r.png)
}

.hovered .content_button {
    color: #00a2ff;
    background-image: url(../images/button_bgh_l.png)
}

.hovered .content_button_right {
    color: #00a2ff;
    background-image: url(../images/button_bgh_r.png)
}

.numbr_small {
   background-repeat: no-repeat;
   background-position: right top;
   float: left;
   display: block;
   padding: 0px 14px 0px 0px;
   color: #FFF;
   font-size: 140%;
   min-height: 51px;
   line-height: 51px;
   display: none;
}

/**
 * News
*/

.newsblock {
    padding: 2px 0;
    margin: 0 10px;
    border-bottom: 1px dashed #999999;
}


.newsTitle {
    font-size: 120%;
    line-height: 20px;
}

.newsImage {	
    text-align: center;
}

.newsImageBorder {
    border: 1px solid #888888;
}

.newsImageBorder:hover {	
    border: 1px solid #18B8F9;
}

.newsInfo {
    text-align: right;
    color: #2d9631;
}

.newsInfo a {
    color: #2d9631;
}

.newsDate {
    text-align: center;
    color: #18B8F9;
    font-size: 115%;
    font-weight: bold;
}

.newsDate a {
    color: #18B8F9;
    font-size: 110%;	
}

.newsList {
    list-style-type: none;
    margin: 0 0 0 -20px;
    padding: 2px;
}

.newsListComments {
    font-weight: bold;
    color: #F00;
}

.newsListComments a {
    font-weight: bold;
    color: #F00;
}

/**
 * Bars
*/

.topbar {
    border: 1px solid #cfcfcf;
    background: url(../images/city_bg.gif) repeat-x;
    color: #3d3d3d;
    font-size: 120%;
    font-weight: bold;
}

.bottombar {
    border: 1px solid #cfcfcf;
    background: url(../images/city_bgr.gif) repeat-x;
    color: #3d3d3d;
    font-size: 120%;
    font-weight: bold;
}

.topbar a, .bottombar a {
    font-weight: bold;
    color: #3d3d3d;
    text-decoration: none;
}

.topbar a:hover, .bottombar a:hover {
    font-weight: bold;
    color: #00a2ff;
    text-decoration: underline;
}

/**
 * Item
*/

.itemTopBar, .itemBottomBar {
    height: 20px;
    text-align: left;
    padding: 0;
    margin: 0;
    line-height: 1.0em;
}

.itemImportantBox {
    border : 1px dashed #000;
    width: 200px;
    float: left;
    margin: 4px 0 4px 0;
    padding: 10px;
    background-color: #EEEEEE;
    font-weight: bold;
}

.itemImageBox {
    border : 1px solid #000;
    float: right;
    margin: 4px 0 4px 0;
    width: 200px;
    padding: 10px;
}

.itemTicketBox {
    border : 1px solid #000;
    float: left;
    text-align: center;
    margin: 4px 0 4px 0;
    width: 80px;
    padding: 10px;
}
.itemTimeBox {
    border : 1px solid #000;
    float: right;
    text-align: center;
    margin: 4px 0 4px 0;
    width: 80px;
    padding: 10px;
}
.itemTimeBox a {
    background: transparent;
}

.itemTimeBox a:hover {
    background: transparent;
}

.itemGrid .row {
    height: 1.5em;
    line-height: 1.4em;
    clear: both;
}

.itemGrid .row .title {
    width: 70px;
}

.itemGrid .row .value {

}

.itemTags {
    float: right;
    text-align: right;
    font-weight: bold;
}

.itemTags span {
    color: #2d9631;
}


.itemInfo {
    float: right;
    text-align: right;
    color: #2d9631;
}

.itemInfo a {
    color: #2d9631;
}

.itemOtherInfo {
    float: right;
    text-align: right;
    padding-right: 6px;
}

.itemAddComment {
    float: right;
    height: 16px;
    text-align: right;
    background: url(../images/active_city_bg.gif) repeat center center;	
    color: #FFF;
    font-size: 90%;
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
    border: 1px solid #014ca2;
}

.itemAddComment:hover {
    background: #00a2ff;
    color: #FFF;
    font-size: 90%;
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
    background: url(../images/active_city_bgw.gif) repeat center center;
    border: 1px solid #014ca2;
}

.itemAddComment a {
    color: #FFF;
}

.itemAddComment a:hover {
    color: #00a2ff;
}

.itemMaker, .itemEditor {
    float: left;
    text-align: left;
    font-size: 90%;
    padding-left: 6px;
    padding-top: 2px;
    overflow: hidden;
}

.itemMaker a, .itemEditor a {
    font-weight: bold;
    color: #00a2ff;
    text-decoration: underline;
}

.itemMaker a:hover, .itemEditor a:hover {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background: #00a2ff;
}

.numbr_middle {
   padding: 0 0 0 14px;
   text-decoration: none;
   width: 14px;
   font-size: 100%;
   font-weight: bold;
   min-height: 51px;
   display: none;
}

/**
 * Gallery
*/

.gallery {
    width: 460px;
}

.galleryItem a {
    text-decoration: none;
    background: transparent;
}

.galleryItem a:hover {
    text-decoration: none;
    background: transparent;
}

.galleryItem {
    float: left;
    width: 101px;
    height: 101px;
    text-align: center;
    margin: 3px;
    padding: 2px;
    border: 1px solid #999999;
    background-position: center center;
    background-repeat: no-repeat;
}

.galleryItem:hover {
    float: left;
    margin: 3px;
    width: 101px;
    height: 101px;
    text-align: center;
    padding: 2px;
    border: 1px solid #62A7ED;
    cursor: pointer;
}

/**
 * Tranzit
*/

#tranzit_latest {
    text-align: center;
    margin: 0 auto;
}

#tranzit_container_big {
    border : 1px solid #000;
    text-align: center;
    margin: 2px auto;
    width: 200px;
}

#tranzit_container_big h3 {
    padding: 3px;
    font-size: 300%;
    font-weight: bold;
}

#tranzit_container_middle {
    border : 1px solid #000;
    text-align: center;
    margin: 2px auto;
    width: 166px;
}

#tranzit_container_middle h3 {
    padding: 3px;
    font-size: 200%;
    font-weight: bold;
}

#tranzit_container_small {
    border : 1px solid #000;
    text-align: center;
    margin: 2px auto;
    width: 133px;
}

#tranzit_container_small h3 {
    padding: 3px;
    font-size: 150%;
    font-weight: bold;
}

.tranzit_date {
    font-size: 90% !important;
    font-weight: bold;
}

/**
 * Category Grid
*/

.category_grid {
    padding: 2px;
    display: block;
}

.category_grid .row {
    height: 1.5em;
    line-height: 1.4em;
}

.category_grid .row:hover {
    background: #CCC;
}

.category_grid .cell {
    height: 1.5em;
    line-height: 1.4em;
}

.grid_4 .category_grid div.title {
    padding-left: 2px;
    width: 176px;
}

.grid_4 .category_grid div.count {
    width: 32px;
    font-weight: bold;
}

.grid_8 .category_grid {
    width: 146px;
    font-size: 90%;
}

.category_select_grid {
 width: 187px;
 float:left;
 margin-bottom: 10px;
 font-size: 100%;
 border-bottom: 1px dashed #999999;
}

.category_select_grid h6 {
  background: #62A7ED;
  color: #FFF;
}

/**
 * Advertisment Grid
*/ 

.advertisment_grid {
    padding: 2px;
    display: block;
}


.advertisment_grid .first_row {
    clear: both;
    height: 1.5em;
    font-weight: bold;
}


.advertisment_grid .row {
    height: 1.5em;
    line-height: 1.2em;
}

.advertisment_grid .row:hover {
    background: #CCC;
}

.advertisment_grid .cell {
    height: 1.5em;
    line-height: 1.4em;
}

.block_8 .advertisment_grid div.title {
    width: 189px;
}

.block_12 .advertisment_grid div.title {
    width: 470px;
}

.advertisment_grid div.title {
    padding-left: 2px;
    overflow: hidden;
}

.advertisment_grid div.money {
    text-align: center;
    padding: 2px;
    overflow: hidden;
    font-weight: bold;
}

.advertisment_grid div.hits {
    width: 32px;
    text-align: center;
    padding: 2px;
    overflow: hidden;
    border-left: 1px solid #939393;
    font-weight: bold;
}

.advertisment_grid div.comments {
    width: 32px;
    text-align: center;
    padding: 2px;
    overflow: hidden;
    border-left: 1px solid #939393;
    font-weight: bold;
}

.advertisment_grid div.image {
    width: 20px;
    text-align: center;
    padding: 2px;
    overflow: hidden;
    border-left: 1px solid #939393;
    font-weight: bold;
}

/*
 * Types
 */

.blocks110x153 div.type_ru {
	width: 61px;
	height: 19px;
        margin-left: 15px;
	background-image: url(../images/types_ru.png)
}

.advertisment_grid div.type_ru {
	width: 61px;
	height: 19px;
	background-image: url(../images/types_ru.png)
}
.sell {
	background-position: 0px 0px;
}

.sell:hover {
	background-position: 0px 19px;
}

.buy {
	background-position: -183px 0px;
}

.buy:hover {
	background-position: -183px 19px;
}

.exchange {
	background-position: -305px 0px;
}

.exchange:hover {
	background-position: -305px 19px;
}

.rent {
        background-position: -122px 0px;
}

.rent:hover {
	background-position: -122px 19px;
}

.hire {
	background-position: -61px 0px;
}

.hire:hover {
        background-position: -61px 19px;
}

.seek {
	background-position: -488px 0px;
}

.seek:hover {
	background-position: -488px 19px;
}

.vacancy {
	background-position: -366px 0px;
}

.vacancy:hover {
	background-position: -366px 19px;
}

.service {
	background-position: -244px 0px;
}

.service:hover {
	background-position: -244px 19px;
}

.give {
	background-position: -549px 0px;
}

.give:hover {
	background-position: -549px 19px;
}

.take {
	background-position: -610px 0px;
}

.take:hover {
	background-position: -610px 19px;
}

.other {
	background-position: -427px 0px;
}

.other:hover {
	background-position: -427px 19px;
}


/**
 * Foto Block
*/ 

#photo_of_day {
    width: 168px;
    text-align:center;
    margin: 0 auto;
}

.photoborder {
    border: 6px solid #888888;
    padding: 6px;
}

.photoborder:hover {
    border: 6px solid #18B8F9;
    padding: 6px;
}

/*
* Wheather Block
*/

.ilm_informer {
    border: 1px solid #18b8f9;
    width: 173px;
    margin: 0 auto;
}

/**
 * Currency Block
*/ 

.currency {
    font-weight: bold;
    padding-top: 4px;
}

/**
 * Site Quote Block 
*/

.sitequote {
    height: 88px;
    text-align: center;
    padding: 10px 0 10px 0;
    font-style: oblique;
}