html,
body {
margin: 0;
padding: 0;
font-size: 13px;
font-family: arial, verdana, sans-serif;
}

a {
color: #3333cc;
text-decoration: underline;
}

a:hover {
}

a:focus,
a:active {
color: #ff0000;
}

a.button {
display: -moz-inline-stack;
display: inline-block;
height: 22px;
color: #6666cc;
line-height: 22px;
padding: 0 0 0 10px;
text-decoration: none;
background: url('button.png') 0 0 no-repeat;
outline: none;
}

a.button span {
display: -moz-inline-stack;
display: inline-block;
height: 22px;
padding: 0 10px 0 0;
line-height: 22px;
background: url('button.png') right top no-repeat;
cursor: pointer;
}

a.button:hover,
a.button:focus,
a.button:active {
opacity: .7;
filter: alpha(opacity=70);
}

a.button-close {
display: -moz-inline-stack;
display: inline-block;
width: 15px;
height: 15px;
color: #6666cc;
line-height: 22px;
padding: 0 0 0 10px;
text-decoration: none;
background: url('button-close.png') 0 0 no-repeat;
outline: none;
}

a.button-close span {
display: none;
}

label {
color: gray;
}

h3 {
color: gray;
margin-top: 0;
}

table {
margin: 0 0 20px 0;
border-collapse: collapse;
}

table thead {}
table thead th {
height: 40px;
padding: 0 10px;
text-align: left;
background: url('table-top.png');
background-repeat: no-repeat;
background-position: center top;
}

table thead th.item-left   {background-position: top left;}
table thead th.item-right  {background-position: top right;}

table tbody {}
table tfoot {padding: 0 0 0 1px;}

table tbody td,
table tfoot td {padding: 7px; border-top: 1px dashed #ccc;}

table tbody td.item-left,
table tfoot td.item-left {
background-image: url('border.gif');
background-repeat: repeat-y;
background-position: 0 0;
}

table tbody td.item-right,
table tfoot td.item-right {
background-image: url('border.gif');
background-repeat: repeat-y;
background-position: right top;
}

table tfoot td.item-left   {background-color: #f4f4f4;}
table tfoot td.item-right  {background-color: #f4f4f4;}

table tfoot th {
height: 40px;
padding: 0 20px;
text-align: left;
background: url('table-bottom.png') center bottom no-repeat;
} 

table tfoot th.item-left   {background-position: bottom left;}
table tfoot th.item-right  {background-position: bottom right;}

/* Form */
form {
width: 495px;
padding: 15px 20px;
background: #ededee;
}

div#question_form form {
width: auto;
}

div#question_form legend {
display: none;
}

fieldset {
border: 0;
padding: 0;
}

legend {
color: #565656;
font-weight: bold;
}

form table {
width: 100%;
margin: 0;
}

form table tbody td {
border: 0;
padding: 2px;
}

/* Layout */
body {
background: url('body.gif') 0 0 repeat-x;
}

div.page {
width: 960px;
margin: 0 auto;
}

/* Header */
div#header {
overflow: hidden;
zoom: 1;
margin: 0 0 15px 0;
}

body#error div#header {height: 150px;}

div#logo {
float: left;
margin: 30px 0 0 0;
}

div#logo a {
display: block;
width: 216px;
height: 40px;
background: url('logo.png') 0 0 no-repeat;
}

div#logo span {
display: none;
}

ul#account-info {
float: right;
margin: 30px 0 0 0;
padding: 0;
}

ul#account-info li {
float: left;
margin: 0;
padding: 0 11px 5px 10px;
list-style: none;
background: url('delimiter.gif') left center no-repeat;
}

ul#account-info li.item-user {
background: none;
padding-left: 0;
font-weight: bold;
}

ul#account-info li.item-seznam {padding-right: 0;}

body#error ul#account-info li.item-seznam {background: none;}

ul#account-info li.item-my-pages-link {
clear: left;
float: none;
color: #818181;
background: none;
padding: 0;
text-align: right;
}

ul#account-info li.item-my-pages-link a {
color: #048f04;
}

/* Menu1 */
ul#menu1 {
clear: both;
margin: 0 0 0 10px;
padding: 15px 0 0 0;
overflow: hidden;
zoom: 1;
}

ul#menu1 li {
float: left;
display: inline;
margin: 0 20px 0 0;
padding: 0;
}

ul#menu1 li.oznaceny {
padding-bottom: 24px;
font-weight: bold;
background: url('menu1-active.png') center bottom no-repeat;
} 

/* Footer */
div#footer {
clear: both;
margin: 20px 0;
color: #666;
text-align: center;
}

/* Footer menu */
ul#footer-menu {
margin: 5px 0 0 0;
padding: 0;
}

ul#footer-menu li {
display: inline;
padding: 0 0 0 7px;
margin: 0;
list-style: none;
background: url('delimiter2.gif') left 9px no-repeat;
}

ul#footer-menu li.item-first {
padding-left: 0;
background-image: none;
}

/* Table - filemanager */
table.filemanager {
width: 100%;
padding: 0;
}

table.filemanager col.item-checkbox {width: 20px;}
table.filemanager col.item-name     {width: auto;}
table.filemanager col.item-filetype {width: 180px;}
table.filemanager col.item-filesize {width: 100px;}
table.filemanager col.item-date     {width: 130px;}
table.filemanager col.item-action   {width: 70px;}

table.filemanager td.item-date,
table.filemanager td.item-filetype {
color: #333;
background-color: #f4f4f4;
}

table.filemanager td.item-date {
text-align: right;
}

table.filemanager td.item-checkbox {
background-color: #f4f4f4;
text-align: center;
padding: 0;
}

table.filemanager td.item-filesize {
color: #565656;
text-align: right;
}

table.filemanager tr.item-highlight td {
background-color: #fdf5d6;
}

table.filemanager tr.item-highlight td.item-checkbox,
table.filemanager tr.item-highlight td.item-date,
table.filemanager tr.item-highlight td.item-filetype {
background-color: #f2eacd;
}

table.filemanager tr.item-parent td {
background-color: transparent;
}

/* thead */
table.filemanager thead th.item-left div.item-create-folder,
table.filemanager thead th.item-left div.item-upload-files {
position: relative;
float: left;
display: inline;
margin: 0 10px 0 0;
z-index: 3000;
}

table.filemanager thead th.item-left div.item-create-folder {
z-index: 3001;
}

table.filemanager thead th.item-left div.item-create-folder div.modal-window,
table.filemanager thead th.item-left div.item-upload-files div.modal-window {
position: absolute;
top: 0;
left: -3px;
margin: 0;
}

table.filemanager thead th.item-left form {display: inline;}
table.filemanager thead th.item-right form {float: right;}

table.filemanager thead select {vertical-align: middle;}

table.filemanager tfoot form {
float: left;
display: inline;
margin: 5px 0 0 0;
}

table.filemanager tfoot select {
vertical-align: middle;
}

table.filemanager tfoot div.space-usage {
float: right;
display: inline;
margin: 5px 0 0 0;
}

table.filemanager form {
width: auto;
padding: 0;
background: none;
}

/* Item controls */
table.filemanager td.item-action {
padding-top: 0;
padding-bottom: 0;
zoom: 1;
}

ul.item-controls {
margin: 0;
padding: 0;
zoom: 1;
}

ul.item-controls li.item-controls-main {
position: relative;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
zoom: 1;
}

ul.item-controls li.item-controls-toggled {
padding: 0;
margin: 0;
z-index: 20;
background: url('action-box-top.png') right top no-repeat;
}

ul.item-controls a.item-controls-toggle {
display: block;
width: 57px;
color: #3333cc;
padding: 3px 10px 3px 0;
text-decoration: none;
background: url('icon-action-show.png') 90% center no-repeat;
outline: none;
zoom: 1;
}

ul.item-controls li.item-controls-toggled a.item-controls-toggle {
font-weight: bold;
background-image: url('icon-action-hide.png');
}

ul.item-controls a.item-controls-toggle span {
border-bottom: 1px dotted #3333cc;
zoom: 1;
cursor: pointer;
}

ul.item-controls ul.item-controls-options {
display: none;
position: absolute;
top: 22px;
right: 0;
width: 156px;
margin: 0;
padding: 0 0 10px 0;
text-align: left;
background: url('action-box-bottom.png') left bottom no-repeat;
}

ul.item-controls li.item-controls-toggled ul.item-controls-options {
display: block;
} 

ul.item-controls-options li {
margin: 0 0 5px 0;
padding: 0 10px 0 10px;
list-style: none;
}

ul.item-controls-options li.first {
padding-top: 10px;
background: url('action-box-line.png') 0 0 no-repeat;
}

/* Move to */
ul.item-controls-options li.item-controls-move-to-text {
margin: 20px 0 0 0;
color: gray;
}

ul.item-controls-move-to {
margin: 10px 0 0 0;
padding: 0;
}

ul.item-controls-move-to li {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

/* Modal window */
div.modal-window-overlay {
background: #fff; 
}

div.modal-window {
display: none;  
position: fixed;
top: 35%;
left: 50%;    
margin-left: -150px;
width: 328px;
overflow: hidden;
}

* html div.modal-window {
position: absolute;
/*top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');*/
}

div.modal-window-top       {height: 12px; font-size: 0; line-height: 0; background: url('box1-top.png') 0 0 no-repeat;}
div.modal-window-middle    {background: url('box1-middle.png') 0 0 repeat-y;}
div.modal-window-bottom    {height: 20px; font-size: 0; line-height: 0; background: url('box1-bottom.png') 0 0 no-repeat;}
div.modal-window-body      {padding: 0 20px;}
div.modal-window-content   {padding: 1px; zoom: 1;}

div.modal-window-style-white  div.modal-window-top    {background-image: url('box2-top.png');}
div.modal-window-style-white  div.modal-window-middle {background-image: url('box2-middle.png');}
div.modal-window-style-white  div.modal-window-bottom {background-image: url('box2-bottom.png');}

* html div.modal-window-top       {background-image: url('box1-top.gif');}
* html div.modal-window-middle    {background-image: url('box1-middle.gif');}
* html div.modal-window-bottom    {background-image: url('box1-bottom.gif');}

* html div.modal-window-style-white  div.modal-window-top    {background-image: url('box2-top.gif');}
* html div.modal-window-style-white  div.modal-window-middle {background-image: url('box2-middle.gif');}
* html div.modal-window-style-white  div.modal-window-bottom {background-image: url('box2-bottom.gif');}


div.modal-window a.button-close {
position: absolute;
top: 5px;
right: 0;
}

/* Colums */
div.column-container {
overflow: hidden;
zoom: 1;
}

div.column-left   {float: left; width: 33%;}
div.column-right  {float: right; width: 65%;}

/* Columns - settings */
table.settings {
width: 100%;
/* width: 420px;*/
}

table.settings-left {float: left; width: 49%;}
table.settings-right {float: right; width: 49%;}

/* Space usage */
div.space-usage {}
div.space-usage-text {color: #666; font-weight: normal; text-align: right; margin: 0 0 2px 0;}
div.space-usage-meter {float: right; width: 105px; border: 1px solid #acacac; background: url('space-usage-bg.gif') 0 0 repeat-x; padding: 1px; line-height: 0; font-size: 0;}
div.space-usage-percentage {height: 3px; background: url('space-usage-percentage.gif') 0 0 repeat-x; line-height: 0; font-size: 0;}


/* Error */
div.error-wrong-mail {
height: auto !important;
height: 115px;
min-height: 115px;
padding: 0 0 0 120px;
background: url('seznam-pes.jpg') 0 0 no-repeat;
}

div.error-wrong-mail h2 {color: #565656; margin: 0;}