@import url("navigation.css");
@import url("containers.css");
@import url("forms.css");
@import url("images.css");

* { margin:0; padding:0; }

p { margin-top: 1em; margin-bottom: 1em; }
p + p { margin-top: 0; }

html, body, #main-container {
    height: 100%;
    margin: 0;
    font-family: Tahoma, Geneva, sans-serif;
}

body > #main-container {
    height: auto;
    min-height: 100%;
}

#layout-header {
    margin:0;
    background-color: #000;
}

#layout-content {
    padding:0 0 6em; /* отступ должен быть равен высоте футера */
    width:60em;
    margin:0 auto;
}  

#layout-footer {
    height: 6em;
    margin: -6em 0 0; /* отрицательное значение высоты футера */
    border-top:1px solid #000;
    background-color:#f1f1f1;
    position: relative;
}

a {
    outline:none;
    color: blue;
}

a:active {
    color: red;
    text-decoration: none;
}

h1, h2, h3 { font-weight: normal; margin-bottom: 0.5em; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }


.clear, div.clear {float:none; clear: both; line-height: 0; }

.round {
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.font-07 { font-size: 0.7em; }
.font-08 { font-size: 0.8em; }
.font-09 { font-size: 0.9em; }
.font-10 { font-size: 1em; }
.font-11 { font-size: 1.1em; }

.nomargin { margin:0; }
.nomargintop { margin-top:0; }
.margintop { margin-top:1em; }

.no-margin { margin:0; }
.no-margin-top { margin-top:0; }
.no-margin-bottom { margin-bottom:0; }

.margin-top { margin-top: 1em; }
.margin-right { margin-right: 1em; }
.margin-bottom { margin-bottom: 1em; }
.margin-left { margin-left: 1em; }

.width-100 { width: 100%; }
.height-100 { height: 100%; }

/*
* Стили для кнопок
*/
div.button-wrapper {
     padding-right:2px;
}

div.button-wrapper a.ui-widget.button {
    width: 100%;
}

a.ui-widget.button {
    font-size: 0.7em;
    font-weight: bold;
}

form input[type=submit].ui-widget {
    font-size: 0.75em;
}





#layout-content { padding-top: 2em; }
#layout-content div.column { float: left; margin-left: 2em; padding:0.9em; border: 0.1em solid white;}
#layout-content div.column.first { margin-left: 0; }
/*#layout-content div.column + div.column { margin-left: 2em; }*/
#layout-content div.column.dark { background-color:#f0f0f0; border-color: #f0f0f0; }
#layout-content div.column.border { border-color: #f0f0f0; }
#layout-content div.column + div.clear { border-bottom:1px dashed #ccc; padding-top: 2em; }

#layout-content ul br { clear:both; line-height: 0; }

#layout-content ul.tiles { list-style: none; background-color:#f7f7f7; }
#layout-content ul.tiles li { float: left; }

#layout-content ul.menu { list-style: inside none; }
#layout-content ul.menu li { padding: 0.3em; border: 1px solid #999999; background-color:#ccc;}
#layout-content ul.menu li + li {  margin-top: 0.2em; }
#layout-content ul.menu li a {font-weight: bold; font-size: 0.8em; color:#000; text-decoration:none;}

#layout-content div.tiles.header { font-size: 0.8em; background-color:#f7f7f7; }
#layout-content div.tiles.header div.info { float:left;clear:left;padding-left:1em;padding-top:0.5em; }
#layout-content div.tiles.header div.paginator-control { float:right;clear:right; }
#layout-content div.tiles ul.page-control { list-style: inside none; }
#layout-content div.tiles ul.page-control li { float:left; padding: 0.3em; text-align: center; border: 1px solid #fff; border-top:none; border-bottom:1px solid #f0f0f0; background-color:#f0f0f0;}
#layout-content div.tiles ul.page-control li.info { border-left:none; border-bottom:1px solid #f0f0f0; background-color:inherit;}
#layout-content div.tiles ul.page-control li.active { font-weight: bold; background-color:#f7f7f7; border-bottom:1px solid #f7f7f7;}
#layout-content div.tiles ul.page-control li a { color:#000; text-decoration:underline ;}



#layout-content div.image-thumbnail-square div { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#layout-content div.image-thumbnail-square div.info { width:100%;float:left;clear:left;background-color:#fff;opacity:0.8;background:url(/images/back/thumb_info_bg_4x4.gif); }
#layout-content div.image-thumbnail-square div.info p { font-size:0.65em;padding-left:0.4em;margin:0.5em 0; }
#layout-content div.image-thumbnail-square img { width: 100%; vertical-align: middle; border: none;}
#layout-content div.image-thumbnail-square .border-outer { border:1px solid #e5e5e5; }
#layout-content div.image-thumbnail-square .border-distance { margin:auto;border:1px solid #fff; }
#layout-content div.image-thumbnail-square .border-distance.active { border-color:blue; }
#layout-content div.image-thumbnail-square .border-inner { margin:auto;border:2px solid #bbb; }