body {
	background: #2E598D;
	font-family: dejavu sans;
	overflow: hidden;
}

img {
	border: 0;
}

p {
	text-indent: 25px;
}

h2 {
	font-size: large;
	line-height: 50%;
}

#padding {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	height: auto;
	background: 0;
	border: 10px #2E598D solid;
	overflow: hidden;
}

#padding.maximized {
	border: 0px #2E598D solid;
}

#panel {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: auto;
	width: 110px;
	height: auto;
	background: 0;
	font-size: 120%;
	font-weight: bold;
	z-index: 2;
	display: inline;
	-moz-user-focus: ignore;
	-moz-user-input: disabled;
	-moz-user-select: none;
}

#panel.maximized {
	display: none;
}

#panel div {
	position: relative;
	top: 0px;
	bottom: auto;
	left: 0px;
	right: auto;
	width: 100%;
	height: 115px;
	background: #2E598D;
	color: #FFFFFF;
	-moz-border-radius: 12px;
}

#panel div table {
	width: 100%;
	height: 100%;
	opacity: 0.6;
	text-align: center;
}

#panel div table:hover {
	opacity: 1.0;
	cursor: pointer;
}
/*block of under_cover*/
#panel div div {
	position: absolute;
	top: -15px;
	bottom: auto;
	left: 75px;
	right: auto;
	width: 145px;
	height: 160px;
	background: #FFFFFF;
	display: none;
	z-index: -1;
}

#panel div div.under_cover {
	display: block;
}

#panel div.selected {
	background: #FFFFFF;
	color: #000000;
}

#panel div.programs_running {
	background: #1F3B5E;
	color: #000000;
}

#panel div.selected table {
	opacity: 1.0;
}

#panel div#slot {
	background: #2E598D;
}

#content {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 110px;
	right: 0px;
	width: auto;/*set by set_panel_width() on load*/
	height: auto;
	background: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	-moz-border-radius: 12px;
	overflow: auto;
	z-index: 3;
}

#content.maximized {
	left: 0px;
}

#content a {
	color: black;
	text-decoration: none;
}

#content iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

#menu {
	position: relative;
	overflow: hidden;
	height: 0px;
}

#menu.show {
	height: 100%;
}

#programs {
	position: absolute;
	top: 20px;
	bottom: auto;
	left: 10px;
	right: 10px;
	width: auto;
	height: 0px;
	overflow: hidden;
	z-index: 4;
}

#programs.show {
	bottom: 10px;
	left: 10px;
	right: 10px;
	height: auto;
}

#programs.maximized {
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: auto;
}

#programs.full_screen {
	top: 1px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: auto;
}

#programs div {
	height: 0px;
}

/*should be unique*/
#programs div.show {
	height: 100%;
}

.soft_background {
	width: 100%;
	height: auto;
	background: #FFE7AE;
	font-size: small;
	-moz-border-radius: 12px;
	border-spacing: 10px;
}

.soft_background tr td {
	width: 33%;
}

.soft_background table {
	width: auto;
	-moz-border-radius: 12px;
	background: 0;
}

.soft_background table:hover {
	background: #FFFFFF;
}

.soft_background table td{
	width: 100%;
}

.soft_background table td.image {
	width: 65px;
}

.soft_background table div.notify_hide {
	display: none;
}

.soft_background table div.notify_resume {
	position: relative;
	top: -16px;
	bottom: auto;
	left: 0px;
	right: auto;
	width: 0px;
	height: 0px;
	display: block;
	overflow: visible;
}

.soft_background table div.notify_resume div {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	width: 16px;
	height: 16px;
	background: url(image/info.png) no-repeat;
}

.green {
	background: #E0FFE0;
}

.orange {
	background: #FFE7AE;
}

.disabled_b {

	opacity: 0.7; 
	background: #FFE7AE; 
	cursor: not-allowed;
}

.soft_background td {
	width: auto;
}

#cover {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 6;
	opacity: 0.7;
}

#popup {
	position: absolute;
	display: none;
	background: white;
	padding: 20px;
	z-index: 7;
	-moz-border-radius: 15px;
}

#close_button {
	position: absolute;
	top: 0px;
	bottom: 5px;
	left: auto;
	right: 0px;
	width: 24px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: url(image/icon_close.png) bottom center no-repeat;
	opacity: 0.4;
}

#close_button:hover {
	cursor: pointer;
	opacity: 1;
}

#maximize_button {
	position: absolute;
	top: auto;
	bottom: 2px;
	left: auto;
	right: 25px;
	width: 16px;
	height: 16px;
	background: url(image/icon_maximize.png) center center no-repeat;
	opacity: 0.4;
}

#maximize_button:hover {
	cursor: pointer;
	opacity: 1;
}

#minimize_button {
	position: absolute;
	top: auto;
	bottom: 2px;
	left: auto;
	right: 44px;
	width: 16px;
	height: 16px;
	background: url(image/icon_minimize.png) center center no-repeat;
	opacity: 0.4;
}

#minimize_button:hover {
	cursor: pointer;
	opacity: 1;
}

#curl {
	z-index: 5; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	display: none;
}

#curl_img {
	z-index: 5; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	width: 55px; 
	height: 25px;
}

#page_curl_block {
	z-index: 5; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	display: none;
}

#systray {
	position: absolute;
	bottom: 2px;
	left: 10px;
	color: gray;
	font-size: 80%;
}

#top_task {
	position: absolute;
	top: 0px;
	bottom: auto;
	left: 120px;
	right: 0px;
	width: auto;
	height: 30px;
	border: 0px;
	z-index: 4;
	overflow: hidden;
}

#top_task.maximized {
	left: 0px;
	right: -10px;
	height: 20px;
}

#top_task.full_screen {
	left: 0px;
	right: -10px;
	height: 1px;
	background: black;
}

#settings {
	position: absolute;
	top:60px;
	left:0;
	right:0;
	bottom:0;
}
