body 
{
    font-size: 9pt;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    color: white;
    background: black url('/images/backgrounds/background.png') no-repeat top center;
    margin: 0;
}

h1 
{ 
	display: none; 
}

a 
{ 
	text-decoration: none; 
}

a img 
{ 
	border: none; 
	vertical-align: middle; 
}

a[href^="error:"] 
{ 
	color: #c00 !important; 
	font-weight: bold; 
}


.info 
{ 
	cursor: help; 
}

a.button 
{ 
	color: white; 
	background: #171717 url('/images/buttons/link_back.png') repeat-x; 
	padding: 1px 10px; 
}

a.button:hover 
{ 
	color: #88481a; 
}

.clear 
{ 
	clear: both; 
}

.tsmall 
{ 
	width: 50%; 
}

.hidden 
{ 
	display: none; 
}

.center 
{
	text-align: center; 
	display: block; 
}

#spinner 
{ 
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	background: #171717 url('../images/ajax-loader.gif') no-repeat 50% 50%;
	padding: 6px;
	border: 1px solid #88481a;
	font-size: 0;
}

#cursor 
{
	vertical-align: top;
	margin-top: 1px;
}

#root
{
	color: #b21818 !important;
	font-weight: bold;
}


/* Uživateslký řádek */
#user { height: 48px; background: url('/images/backgrounds/user.png') repeat-x top center; }
#user #userbar { width: 761px; margin: 0 auto; }
#user #userbar .linkblock { float: left; height: 48px; line-height: 27px; color: #7a6334; background: url('/images/backgrounds/user_field.png') no-repeat right top; padding-right: 45px; }
#user #userbar .linkblock strong { color: white; font-size: 10pt; font-weight: normal; }
#user #userbar .linkblock span { border-right: 1px solid #331205; padding-right: 5px; }
#user #userbar .linkblock a { color: #7a6334; }
#user #userbar .linkblock a:hover { color: white; }
#user #userbar .linkblock p { float: left; height: 48px; background: url('/images/backgrounds/user_field_left.png') no-repeat left top; padding: 0px; padding-left: 45px; margin: 0px; display: block; }
/*#user #userbar ul { float: left; padding: 0px; margin: 0px; list-style: none; }
#user #userbar li a { width: 122px; height: 48px; line-height: 29px; color: #7a6334; text-align: center; background: url('/images/buttons/user_button.png') no-repeat center top; display: block; }
#user #userbar li a:hover { color: white; }*/
#user #userbar #pi { font: 12pt serif; }
#user #userbar #logout { float: right; width: 122px; height: 48px; line-height: 29px; color: #7a6334; text-align: center; background: url('/images/buttons/user_button.png') no-repeat top center; display: block; }
#user #userbar #logout:hover { color: white; }
#user #userbar p.userlink { float: left; margin: 0px; }
#user #userbar .userlink a { width: 122px; height: 48px; line-height: 29px; color: #7a6334; text-align: center; background: url('/images/buttons/user_button.png') no-repeat top center; display: block; }
#user #userbar .userlink a:hover { color: white; }


/* Hlavička */
#header { width: 761px; margin: 0 auto; }
#header #links { height: 313px; padding-top: 40px; }
#header #backlink { width: 100%; height: 40px; }
#header #backlink a { display: block; width: 100%; height: 100%; color: black; }
#header #links ul { float: left; width: 284px; list-style: none; padding: 0; margin: 0; }
#header #links li a { width: 200px; height: 91px; line-height: 20px; color: #a6a6a6; font-size: 16pt; padding-top: 40px; padding-left: 84px; margin: 9px 0px; display: block; }
#header #links li a span { font-size: 12pt; display: block; }
#header #links li a.ftp { background: url('/images/buttons/ftp.png') no-repeat left; }
#header #links li a.logs { background: url('/images/buttons/logs.png') no-repeat left; }
#header #links li a.network { background: url('/images/buttons/network.png') no-repeat left; }
#header #links li a.services { background: url('/images/buttons/services.png') no-repeat left; }
#header #links li a:hover { color: #88481a; }


/* Menu */
#header #menu { background: url('/images/backgrounds/menu.png') no-repeat; padding: 5px 4px 0px 4px; }
#header #menu ul { list-style: none; padding: 0px; margin: 0px; }
#header #menu li { float: left; }
#header #menu li a { height: 41px; line-height: 41px; color: #808080; font-size: 10pt; text-align: center; display: block; }
#header #menu li a:hover { color: #f7a46d; background-color: red; }
#header #menu li a.menu_01 { width: 66px; }
#header #menu li a.menu_01:hover { background: url('/images/buttons/menu_1.png') no-repeat; }
#header #menu li a.menu_02 { width: 78px; }
#header #menu li a.menu_02:hover { background: url('/images/buttons/menu_2.png') no-repeat; }
#header #menu li a.menu_03 { width: 84px; }
#header #menu li a.menu_03:hover { background: url('/images/buttons/menu_3.png') no-repeat; }
#header #menu li a.menu_04 { width: 107px; }
#header #menu li a.menu_04:hover { background: url('/images/buttons/menu_4.png') no-repeat; }
#header #menu li a.menu_05 { width: 83px; }
#header #menu li a.menu_05:hover { background: url('/images/buttons/menu_5.png') no-repeat; }
#header #menu li a.menu_06 { width: 83px; }
#header #menu li a.menu_06:hover { background: url('/images/buttons/menu_6.png') no-repeat; }
#header #menu li a.menu_07 { width: 78px; }
#header #menu li a.menu_07:hover { background: url('/images/buttons/menu_7.png') no-repeat; }
#header #menu li a.menu_08 { width: 103px; }
#header #menu li a.menu_08:hover { background: url('/images/buttons/menu_8.png') no-repeat; }
#header #menu li a.menu_09 { width: 60px; }
#header #menu li a.menu_09:hover { background: url('/images/buttons/menu_9.png') no-repeat; }

/* Navigace */
#navigator { float: left; color: #9c9c9c; font-size: 10pt; background: url('/images/backgrounds/home.png') no-repeat left; background-position: 7px; padding: 5px 30px; margin-bottom: 10px; }
#navigator a { color: #88481a; }
#navigator a:hover { color: white; }

/* Tělo */
#content { width: 761px; color: #9c9c9c; background: #171717 url('/images/backgrounds/content.png') no-repeat top right; margin: 0 auto; }

#content #left { padding: 0 20px 10px 20px; }
#content #left p.description { background: url('/images/backgrounds/description.png') no-repeat; padding: 0px; padding-top: 49px; padding-left: 57px; padding-right: 14px; margin: 0px; margin-bottom: 10px; }
#content #left p.description em { color: #7a6334; font-size: 11pt; background: #2d1910; padding: 10px; margin: 0px; display: block; }

div.fieldtop { width: 719px; height: 19px; background: url('/images/backgrounds/fieldtop.png') no-repeat; }
div.fieldbottom { width: 719px; height: 19px; background: url('/images/backgrounds/fieldbottom.png') no-repeat; }
div.field { width: 659px; background: url('/images/backgrounds/field.png') repeat-y; padding: 0px 30px; }

#content #left h3 { line-height: 27px; color: #b1b1b1; font-size: 23pt; font-weight: normal; padding: 0px; margin: 0px; }
#content #left h3.forbidden { color: #760e0e; padding-top: 10px; }
#content #left ul { padding: 5px 0px; margin: 0px; list-style: none; }
#content #left li { color: #9c9c9c; font-size: 10pt; background: url('/images/backgrounds/li.gif') no-repeat; padding: 2px 0px; padding-left: 12px; }
#content #left li strong { color: #6c6c6c; font-weight: normal; padding-right: 5px; }

#content #left div.links { padding-top: 10px; }

/* Pole */
#content #left div.cell { margin-bottom: 10px; }
#content #left div.cell h3, #content #left div.cell h2 { float: left; line-height: 27px; color: #b1b1b1; font-size: 23pt; font-weight: normal; padding: 0px; margin: 0px; }
#content #left h3 span, #content #left h2 span { color: #4b4b4b; font-size: 13pt; display: block; }
#content #left div.cell h3 span a { color: #88481a; }
#content #left div.cell h3 span a:hover { color: white; }
#content #left div.cell ul { float: right; width: 300px; display: block; }


/* Stín u tabulek */
#content #left div.tableshadowtop { float: right; background: url('/images/backgrounds/tableshadowtop.png') no-repeat right top; }
#content #left div.tableshadowtop img { display: block; }
#content #left div.tableshadowleft { padding-left: 7px; background: url('/images/backgrounds/tableshadowleft.png') no-repeat left bottom; }
#content #left div.tableshadowbottom { padding-bottom: 7px; background: url('/images/backgrounds/tableshadowbottom.png') no-repeat right bottom;  }
#content #left div.tableshadowright { padding-right: 7px; background: url('/images/backgrounds/tableshadowright.png') repeat-y right; }


/* Zařízení */
.plist { float: right; width: 300px; }
.plist p { color: #bcbcbc; padding: 0px 0px; margin: 0px; height: 20px; line-height: 20px; }
.plist b { color: #8c8c8c; padding-right: 10px; }
.plist a { color: #88481a; }
.plist a:hover { color: white; }
.plist img { vertical-align: middle; margin-right: 7px; }
#content #left div.cell .plist ul, #content #left div.cell .plist ol { float: none; list-style-type: none; list-style-position: inside; padding: 0px; padding-left: 24px; margin: 0px; }
#content #left div.cell .plist ol { list-style-type: decimal; }
#content #left div.cell .plist li { color: #bcbcbc; background: none; font-size: 9pt; padding-left: 0px; }
#content #left div.cell .plist ul li { background: url('/images/backgrounds/li.gif') no-repeat; padding-left: 20px; }
.plist li small { padding-left: 10px; }
.plist #traffic {width: 26em; margin: 1.5em 0em 1.5em 0em;}
.plist #traffic .text {clear: both; float: left; font-weight: bold; line-height: 17px; height: 17px; width: 130px;}
.plist #traffic .bar {float: right; background: #212121; border: 1px solid #2c2c2c; width: 170px; margin: 1px; padding: 1px; line-height: 14px;}
.plist #traffic .bar .full {float: left; background: #391f13; border-right: 3px solid #88481a; color: #808080; font-size: 8pt; font-weight: bold; text-align: right; white-space: nowrap; overflow: visible;}
.plist #traffic .bar .full div {margin: 0px 4px;}


/* Formuláře */
#content #left form { width: 300px; text-align: center; padding: 10px 0px; margin: 0 auto; }
#content #left form p { clear: both; padding: 0px; padding-top: 10px; margin: 0px; }
#content #left form label { float: left; color: white; height: 22px; line-height: 22px; display: block; }
#content #left form small { float: right; color: #6c6c6c; }
#content #left form br { clear: both; }
#content #left form div { clear: both; padding: 5px 0px; }
#content #left form input.text { float: right; width: 150px; height: 20px; color: white; font: 8pt 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background-color: black; border: 1px solid #222222; padding: 1px 3px; margin: 0px; margin-left: 10px; } 
#content #left form textarea { width: 292px; height: 100px; color: white; font: 8pt 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background-color: black; border: 1px solid #222222; padding: 1px 3px; margin: 0px; } 
#content #left form input.text:focus, #content #left form textarea:focus { border: 1px solid #88481a; }
#content #left form input.button { color: white; font: 8pt 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; background: #171717 url('/images/buttons/link_back.png') repeat-x; border: none; padding: 4px 10px; margin: 0px; margin-top: 5px; }
#content #left #frmlogin-login { width: 134px; background: black url('/images/backgrounds/input_user.png') no-repeat left;  padding-left: 16px; }
#content #left #frmlogin-passwd {  width: 134px; background: black url('/images/backgrounds/input_password.png') no-repeat left;  padding-left: 16px; }
#content #left form em { color: #7a6334; font-size: 8pt; background: #2d1910; padding: 10px; margin: 0px; display: block; }
#content #left a { color: white; }
#content #left a:hover { color: #88481a; }

/* Hlášky */
#content p.info { color: white; font-size: 11pt; background: #003300 url('/images/backgrounds/success.png') no-repeat left; border: 1px solid #006400; padding: 10px; padding-left: 40px; margin: 0px 30px; margin-bottom: 10px; display: block; }
#content p.error { color: white; font-size: 11pt; background: #330000 url('/images/backgrounds/error.png') no-repeat left; border: 1px solid #640000; padding: 10px; padding-left: 40px; margin: 0px 30px; margin-bottom: 10px; display: block; }


/* Patička */
#footer { width: 761px; height: 41px; background: url('/images/backgrounds/footer.png') no-repeat; margin: 0 auto; margin-top: 10px; }
#footer #footerleft { float: left; padding: 4px 10px; }
#footer #footerleft a.powered { float: left; height: 22px; line-height: 22px; margin: 4px; display: block; }
#footer #footerleft a.monitoring { float: left; width: 100px; height: 25px; background: url('/images/backgrounds/monitoring.png') no-repeat; padding: 4px; display: block; }
#footer #footerright { float: right; height: 31px; line-height: 16px; font-size: 8pt; background: url('/images/backgrounds/irc.png') no-repeat; padding: 5px 10px; padding-left: 60px; }
#footer #footerright p { padding: 0px; margin: 0px; }
#footer #footerright a { color: #88481a; }
#footer #footerright a:hover { color: white; }


/* Basic grid */
table.grid { padding: 0; margin: 0; border-collapse: collapse; border: 1px solid #2c2c2c; }
table.grid caption { margin-bottom: 1px; padding: 1px 0; background: #0e0e0e; color: white; }
table.grid td, table.grid th { color: #808080; background: #212121; padding: 3px 3px 3px 12px; }
table.grid th { color: #6a6a6a; border-left: #2c2c2c; background: #1c1c1c url('/images/grid/back.png') repeat-x; text-align: left; padding: 0px 4px; height: 26px; }
table.grid th span { color: #a19d7b; font-size: 90%; }
table.grid th a { color: #6a6a6a; text-decoration: none; margin-right: 3px; padding: 3px 12px 3px 12px; display: block; }
table.grid tr.alt td { background: #1e1e1e; }
table.grid td.merged { text-align: center; }
table.grid th .asc,
table.grid th a:hover { background: url('/images/grid/asc.gif') no-repeat right center; }
table.grid th .desc,
table.grid th .asc:hover { background: url('/images/grid/desc.gif') no-repeat right center; }
table.grid th .desc:hover { background: none; }

/* Extended DataGrid */
/*table.datagrid { padding: 0; margin: 0; border-collapse: collapse; border: 1px solid #2c2c2c; width: 100%; }
table.datagrid td, table.datagrid th { color: #808080; background: #212121; padding: 3px 3px 3px 12px; }
table.datagrid th { color: #6a6a6a; border-left: #2c2c2c; background: #1c1c1c url('/images/grid/back.png') repeat-x; text-align: left; padding: 0px 4px; height: 26px; }
table.datagrid th#date { width: 120px; }
table.datagrid th span { color: #a19d7b; font-size: 90%; }
table.datagrid th a { color: #6a6a6a; text-decoration: none; margin-right: 3px; padding: 3px 12px 3px 12px; display: block; }
table.datagrid tr.even td { background: #1e1e1e; }
table.datagrid tr.filters input[type="text"] { width: 100%; }
table.datagrid td.merged { text-align: center; }
table.datagrid th .asc,
table.datagrid th a:hover { background: url('/images/grid/asc.gif') no-repeat right center; }
table.datagrid th .desc,
table.datagrid th .asc:hover { background: url('/images/grid/desc.gif') no-repeat right center; }
table.datagrid th .desc:hover { background: none; }*/

/*
.paginator { height: 25px; line-height: 25px; font-size: 8pt; text-align: center; }
.paginator a, .paginator span { margin-right: 0.1em; padding: 0.2em 0.5em; color: #999999; }
.paginator a { border: 1px solid #3c3c3c; text-decoration: none; color: #e66f17; }
.paginator a:hover { color: white; border: 1px solid #88481a; }
.paginator span.button { color: #3c3c3c; border: 1px solid #3c3c3c; }
.paginator .current { background: #88481a; border: 1px solid #88481a; color: black; font-weight: bold; }*/


/* HomePresenter */
.online { color: #0c490c; }
.offline { color: #760e0e; }


/* ErrorPresenter */
.request { border: 1px solid #2c2c2c; background-color: #212121; color: #e66f17; width: 30em; margin-left: 2em; padding: 1em; overflow: auto; }
.request span { display: block; width: 6em; }


/* FtpPresenter */
.orderable th:hover { color: #7a6334; background: url('/images/backgrounds/list_top_hover.png') repeat-x; cursor: pointer; }
.orderable tr.highlight1 td { background: #2a2a2a; }
.orderable tr.highlight2 td { background: #272727; }

table.grid td.bar { padding: 0; }
table.grid td.bar div { background: #391f13; height: 20px; line-height: 20px; white-space: nowrap; overflow: visible; }
table.grid td.bar span { padding: 3px 3px 3px 12px; }
table.grid th.right { text-align: right; }

table.short { width: 200px; }
table.medium { width: 300px; }
table.long { width: 645px; }

/* ServicesPresenter */
table.songs thead { position: absolute; position: relative; z-index: 2; }
table.songs td img { float: left; margin: -3px 6px -3px -12px; }
table.songs td i, #nowplaying #track i { float: right; color: #a6a6a6; }
table.songs td span, #nowplaying #track span { display: block; color: white; }
table.songs td b, #nowplaying #track b { font-weight: normal; color: #9c9c9c; }

#nowplaying { padding: 5px 7px 5px 0; }
#nowplaying #track { float: right; width: 236px; padding: 3px 6px; background: #1e1e1e; border: 1px solid #2c2c2c; }

#streamlinks { color: #88481a; }

div.scrollable { position: relative; overflow: hidden; height: 138px; }
div.scrollable tbody.items { display: block; position: absolute; height: 200em; margin-top: 25px; }
div.scrollable tbody.items tr { margin-top: -25px; }
div.scrollable tbody.items td { width: 300px; }