﻿body 
{
	background-color: #EEEEEE;	
	background-image: url(pagebg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;	
	text-align: center;
}
body, table
{
	font-family: Verdana;
	font-size: 12px;
	color: #222222;
}

a 
{
	text-decoration : none;
	color: #333333;
}
a:hover
{
	color: #666666;
}
.errormessage
{
	color: #FF0000;
	font-weight: bold;
}
#page
{
	background-color: #D6D6D6;
	border : 1px solid #D0D0D0;
	width: 950px;
	text-align: justify;
	display: block;	
	margin: 10px 0px;	
}

#page #pageheader 
{
	background-color: #D6D6D6;
	background-image: url(headerbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;	
	height: 180px;
	display: block;
}
#page #pageheader .header
{
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	height: 120px;
}
#page #pageheader .header div
{
	font-size: 12px;
}
#page #pageheader .menuMain
{	
	height: 16px;
	float: right;
}
#page #pagecontent .header
{
	height: auto;
}
#page #pagecontent 
{
	padding: 5px;
}
#page #pageheader .header #LanguageSelector
{
    clear: right;
	float: right;
	height: 20px;
	margin-right: 5px;
}
#page #pageheader .header #LanguageSelector li
{
	display: block;
	list-style-type: none;
	height: 20px;
	width : 32px;
	line-height: 20px; 
	float: right;
	margin-left: 5px; 	
}
#page #pageheader .header #LanguageSelector li a.LanguageSet
{
	height: 20px;
	width : 32px;
	margin: 2px 2px 2px 5px;
	border: 0px none transparent;
	background-position: center;
	background-repeat: no-repeat;
	_display: inline-block;
	line-height: 20px;
	font-size: 0px;	
	display: block;
}
#page #pageheader .header #LanguageSelector li a.LanguageCS
{
	background-image: url( flCZ.png );	
}
#page #pageheader .header #LanguageSelector li a.LanguageEN
{
	background-image: url( flEN.png );	
}
#page #pageheader .header #LanguageSelector li a.LanguageActive
{	
	margin: 0px 0px 0px 3px;
	border: 2px solid gray;	
}

#page #pagefooter
{
	margin-bottom:  10px;
	margin-top:  20px;
}
#page #LeftPanel
{
	float: left;
	width: 200px;
	display: block;
}
#page #RightPanel
{
	float: right;
	width: 200px;
	display: block;
}
#page #CenterPanel
{	
	display: block;
	min-height: 600px;
}
#page .CenterPanelLeftPanelled {	 margin-left: 220px; }
#page .CenterPanelRightPanelled {	 margin-right: 220px; }
#page .contentcontainer .content
{
	display: block;
	margin: 0px 10px;
}

.list
{
	
}
.list .header
{
	font-weight: bold;
	font-size: 20px;
	padding: 2px 10px;
}
.list .sectionheader
{
	font-weight: bold;
	font-size: 14px;
	padding: 1px 5px 2px 5px;
}
.list .title
{
	font-weight: bold;
}
.list a
{
	color: #000000;
	text-decoration: none;
}
.list a:hover
{
	color: #000055;
	text-decoration: underline;
}

.wizzard
{
	border-width: 1px;
	border-style: solid;	
	border-color: #666666 #666666 #666666 #666666 ;	
	background-color: #FFFFFF;
}
.wizzard .SideBar
{
	width: 150px;
	background-color: #D0D0D0;
	padding: 35px 10px 10px 10px;
	vertical-align: top;
}
.wizzard .SideBar a
{
	color: #222222;
	text-decoration: none;
	padding: 0px 0px 10px 0px;
}
.wizzard .Header
{
	background-color: #D0D0D0;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
.wizzard .Navigation
{
	background-color: #D0D0D0;
}
.wizzard .wizzardpage
{	
	vertical-align: top;
	padding: 10px 20px;
}

div.panel{ border: 1px solid #666666; background-color: #FAFAFA; margin-bottom: 10px; }
div.panel div.title{ background-color: #666666; color: White; font-weight: bold; padding: 2px 5px; }
div#CenterPanel div.panel div.content
{
	padding: 2px 5px 2px 5px;
}
.page .contentcontainer .content div.panel div.content{ padding: 3px; margin: 0px 0px 0px 0px; }

.controls { text-align: right; }

.appList{ }
.appListItem
{
	width:190px;
	height:160px;	 
	margin: 3px;
	float: left;
	padding: 5px 5px 5px 2px;
}
.appListItem .appImage { border: 0px none transparent; text-align:center; padding:0px 15px; }
.appListItem .appImage img{ border: 1px solid #000000; width: 160px; height: 120px; display: block; text-align:center; }
.appListItem .appTitle
{
	overflow: hidden;	
	height: 18px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 0px 5px 3px 5px;
}
.appListItem .appTitle a{ color: Navy; text-decoration: none; }
.appListItem .appOptions{ font-size: 12px; text-align: right; padding: 0px 15px; visibility:hidden; background-color:Red; }
.appListItemDisabled{ background-color: #FFCCCC; }
/*.appListItem .appOptions a{padding: 0px 2px;}*/
.appListItemSelected{ background-color: #CCCCCC; }
.appListItemSelected .appTitle a{ color: #333333; text-decoration: underline; }
.appListItemSelected .appOptions{ font-size: 12px; text-align: right; padding: 0px 15px; visibility:visible; }
.appListItemSelected .appOptions a{ text-decoration: none; color: #666666; }
/*.appListItemSelected .appOptions a:hover{ text-decoration: none; color: #111111; background-color: #EEEEEE; }*/

.appListItem .appOptions a{width:12px; height:12px; display: block; float: right; margin-right:2px; font-size: 0px; line-height: 0px;}

.appListItem .appOptions a.optInfo{ background-image: url(infoN.gif); }
.appListItem .appOptions a.optInfo:hover{ background-image: url(infoF.gif); }
.appListItem .appOptions a.optLogin{ background-image: url(loginN.gif); }
.appListItem .appOptions a.optLogin:hover{ background-image: url(loginF.gif); }
.appListItem .appOptions a.optAddFavourites{ background-image: url(addfavN.gif); margin-right: 10px; }
.appListItem .appOptions a.optAddFavourites:hover{ background-image: url(addfavF.gif); }
.appListItem .appOptions a.optRemoveFavourites{ background-image: url(remfavN.gif); }
.appListItem .appOptions a.optRemoveFavourites:hover{ background-image: url(remfavF.gif); }
.appListItem .appOptions a.optEnable{ background-image: url(enableN.gif); }
.appListItem .appOptions a.optEnable:hover{ background-image: url(enableF.gif); }
.appListItem .appOptions a.optDisable{ background-image: url(disableN.gif); }
.appListItem .appOptions a.optDisable:hover{ background-image: url(disableF.gif); }
.appListItem .appOptions a.optStatistics{ background-image: url(statisticsN.gif); }
.appListItem .appOptions a.optStatistics:hover{ background-image: url(statisticsF.gif); }
.appListItem .appOptions a.optProfile{ background-image: url(profileN.gif); }
.appListItem .appOptions a.optProfile:hover{ background-image: url(profileF.gif); }
.appListItem .appOptions a.optRSS{ background-image: url(rssN.gif); }
.appListItem .appOptions a.optRSS:hover{ background-image: url(rssF.gif); }


table.list { }
table.list tr.header{ background-color: #DDDDDD; font-weight:bold; font-size: 12px; }
table.list tr.row{ background-color: #FAFAFA; }
table.list tr.r1{ background-color: #F0F0F0; }

.appSelection{ border-bottom: 1px solid #666666; padding-bottom:10px; margin-bottom: 10px; }

.PanelStats .content table.list tr td{ text-align: center; }