/* ----- Opix Sm@rt Paper Stylesheet GUI ----- */
/* ---   (C) 2007 Opix AG, Carsten Hesse   --- */

body, p, h1, div, table, tbody, tr, td, iframe, ul, li {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

body {
	overflow: hidden;
	background-color: #bbbbbb;
}

p, h1, a, td, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #555555;
}

table {
	border-collapse: collapse;
}

#javascriptMessage {
	border: 1px solid #cccccc;
	width: 440px;
	padding: 20px;
	margin: 25px;
	background-color: #dddddd;
}

#javascriptMessage h1 {
	font-size: 12px;
	margin-bottom: 4px;	
}

#javascriptMessage p {
	text-align: left;	
}

#javascriptMessage img {
	margin-bottom: 17px;
}

#preloader {
	margin-top: 25px;
	height: 17px;
	width: 17px;
	overflow: hidden;
	margin-bottom: 10px;
}

#preloader img {
	float: left;
}

#guiRaster {
	position: absolute;
	overflow: hidden;
}

#mainMenu, #mediaViewerMenu {
	position: absolute;
	background-color: #dddddd;
	background-image: url(topMenuBorder.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 35px;	
	overflow: hidden;	
	white-space: nowrap;
}

#mediaViewerMenu {
	background-image: url(topMenuBg.gif);
	height: 27px;
	border: 1px solid #555555;
	border-bottom: 0px solid #555555;
}

#mainMenu div, #mediaViewerMenu div {
	float: left;
	margin-top: 5px;
}

#mediaViewerMenu div {
	margin-top: 4px;
}

#mainMenu p, #mediaViewerMenu p {
	margin-top: 3px;
	margin-left: 4px;
	margin-right: 10px;
}

#mainMenu img, #mediaViewerMenu img {
	display: block;
	padding-bottom: 1px;
}

#buttonOverview, #buttonCloseMediaViewer {
	margin-left: 5px;
}

#mainMenu img.buttonHover, #mediaViewerMenu img.buttonHover {
	border-bottom: 1px solid #bbbbbb;
}

#mainMenu p#menuInfo, #mediaViewerMenu p#mediaViewerMenuInfo {
	position: absolute;
	border-left: 1px solid #666666;
	height: 14px;
	padding-top: 3px;
	margin-top: 6px;
	margin-left: 7px;
	padding-left: 8px;
	font-weight: bold;
}

#mediaViewerMenu p#mediaViewerMenuInfo {
	margin-top: 4px;
}

#mainMenu img#customerLogo {
	position: absolute;
	top: 0px;
	margin-top: 5px;
	width: 120px;
	height: 20px;
	padding-bottom: 0px;
}

#mainMenu img#menuInfoLoader {
	position: absolute;
	z-index: 999;
	top: 5px;
	display: block;
	width: 17px;
	height: 17px;
}

#rightFrame {
	position: absolute;
	background-color: #dddddd;
	background-image: url(rightMenuBorder.gif);
	background-repeat: repeat-y;
	width: 171px;
	padding-left: 15px;
	vertical-align: top;
	overflow: hidden;
}

#rightMenuTopLeft {
	position: absolute;
	left: 0px;
	top: 0px;
}

#buttonLayout {
	position: absolute;
	left: 3px;
	top: 5px;
}

#miniNavigationDesktop {
	position: absolute;
	border: 5px solid #d0d0d0;
	width: 153px;
	height: 113px;
	background-color: #d0d0d0;
}

#miniNavigation {
	position: absolute;
	border: 1px solid #555555;
	overflow: hidden;
}

#miniNavigation img {
	position: absolute;
}

#miniNavigation div {
	position: absolute;
	background-image: url(miniNavigationMarkerBg.png);
	border: 1px solid #555555;
}	

#mainFrame {
	position: absolute;
	border-left: 5px solid #bbbbbb;
	border-bottom: 5px solid #bbbbbb;	
	background-color: #bbbbbb;
	overflow: hidden;
}

#mainDesktop {
	position: absolute;
}

#mainDesktop img {
	display: block;
}

#mainDesktop div {
	position: absolute;
	z-index: 100;
}

#mainDesktop div.apMarked {
	background-image: url(actionPointMarkerBg.png);
}

#mainDesktop table {
	position: absolute;
	z-index: 1;
}

#mainDesktop td.innerCell {
	background-color: #d0d0d0; 
}

#mainDesktop td.topBorder {
	background-image: url(topBorderShadow.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
#mainDesktop td.bottomBorder {
	border-top: 0px solid #333333;
	background-image: url(bottomBorderShadow.gif);
	background-repeat: repeat-x;	
}
#mainDesktop td.leftBorder {
	background-image: url(leftBorderShadow.gif);
	background-repeat: repeat-y;	
	background-position: right;	
}
#mainDesktop td.rightBorder {
	background-image: url(rightBorderShadow.gif);
	background-repeat: repeat-y;	
}

#mainDesktop td.topLeftBorder {
	background-image: url(topLeftBorderShadow.gif);
	background-repeat: no-repeat;	
	background-position: right bottom;	
}
#mainDesktop td.topRightBorder {
	background-image: url(topRightBorderShadow.gif);
	background-repeat: no-repeat;	
	background-position: left bottom;	
}
#mainDesktop td.bottomRightBorder {
	background-image: url(bottomRightBorderShadow.gif);
	background-repeat: no-repeat;	
}
#mainDesktop td.bottomLeftBorder {
	background-image: url(bottomLeftBorderShadow.gif);
	background-repeat: no-repeat;	
	background-position: right top;	
}

#contextMenu {
	position: absolute;
	z-index: 999;
	display: none;
}

#contextMenu img {
	display: block;
}

#contextMenuTop {
	background-image: url(contextMenuT.png);
	background-repeat: repeat-x;	
	background-position: bottom;	
}

#contextMenuBottom {
	background-image: url(contextMenuB.png);
	background-repeat: repeat-x;	
	background-position: top;	
}

#contextMenuLeft {
	background-image: url(contextMenuL.png);
	background-repeat: repeat-y;	
	background-position: right;	
}

#contextMenuRight {
	background-image: url(contextMenuR.png);
	background-repeat: repeat-y;	
	background-position: left;	
}

#contextMenuTopLeft {
	background-image: url(contextMenuTL.png);
	background-repeat: no-repeat;	
	background-position: right bottom;	
}
#contextMenuTopRight {
	background-image: url(contextMenuTR.png);
	background-repeat: no-repeat;	
	background-position: left bottom;	
}
#contextMenuBottomRight {
	background-image: url(contextMenuBR.png);
	background-repeat: no-repeat;	
	background-position: left top;	
}
#contextMenuBottomLeft {
	background-image: url(contextMenuBL.png);
	background-repeat: no-repeat;	
	background-position: right top;	
}

#contextMenuTopLeft img, #contextMenuBottomRight img {
	width: 10px;
	height: 10px;
}

#contextMenuItems p {
	background-image: url(contextMenuBG.png);
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 2px;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 5px;
	color: #333333;
}

#contextMenuItems p.selectedItem {
	color: #000000;
	background-image: url(contextMenuBGact.png);
}

#contextMenuItems p.apItem {
	color: #6666cc;
}

#contextMenuItems p.selectedApItem {
	color: #0000ff;
	background-image: url(contextMenuBGact.png);
}

#contextMenuItems p.dummyItem {
	color: #999999;
}

#contextMenuItems p.seperatorItem {
	background-image: url(contextMenuSeparator.png);
	background-repeat: repeat-x;
	background-position: center;
	line-height: 4px;
	font-size: 1px; /*Wichtig fuer IE*/
}

#contextMenuItems img {
	float: left;
	margin-right: 2px;
}

#overviewFrame {
	position: absolute;
	overflow: auto;
	border: 20px solid #bbbbbb;
	background-color: #bbbbbb; 
}

#overviewFrame div {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

#overviewFrame p {
	text-align: center;
}

#overviewFrame div.selected p {
	font-weight: bold;
}

#overviewFrame p.favorite {
	border-left: 12px solid #cdcdee;
}

#overviewFrame img {
	display: block;
	background-color: #d0d0d0; 
}

#overviewFrame td.topBorder {
	background-image: url(topOverviewBorder.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}

#overviewFrame div.selected td.topBorder {
	background-image: url(topOverviewBorderS.gif);
}

#overviewFrame td.bottomBorder {
	padding-top: 7px;
	background-image: url(bottomOverviewBorder.gif);
	background-repeat: repeat-x;		
}

#overviewFrame div.selected td.bottomBorder {
	background-image: url(bottomOverviewBorderS.gif);
}

#overviewFrame td.leftBorder {
	background-image: url(leftOverviewBorder.gif);
	background-repeat: repeat-y;	
	background-position: right;
	width: 50%;	
}

#overviewFrame div.selected td.leftBorder {
	background-image: url(leftOverviewBorderS.gif);
}

#overviewFrame td.rightBorder {
	background-image: url(rightOverviewBorder.gif);
	background-repeat: repeat-y;	
	width: 50%;	
}

#overviewFrame div.selected td.rightBorder {
	background-image: url(rightOverviewBorderS.gif);
}

#overviewFrame td.topLeftBorder {
	background-image: url(topLeftOverviewBorder.gif);
	background-repeat: no-repeat;	
	background-position: right bottom;	
}

#overviewFrame div.selected td.topLeftBorder {
	background-image: url(topLeftOverviewBorderS.gif);
}

#overviewFrame td.topRightBorder {
	background-image: url(topRightOverviewBorder.gif);
	background-repeat: no-repeat;	
	background-position: left bottom;	
}

#overviewFrame div.selected td.topRightBorder {
	background-image: url(topRightOverviewBorderS.gif);
}

#overviewFrame td.bottomRightBorder {
	background-image: url(bottomRightOverviewBorder.gif);
	background-repeat: no-repeat;	
}

#overviewFrame div.selected td.bottomRightBorder {
	background-image: url(bottomRightOverviewBorderS.gif);
}

#overviewFrame td.bottomLeftBorder {
	background-image: url(bottomLeftOverviewBorder.gif);
	background-repeat: no-repeat;	
	background-position: right top;	
}

#overviewFrame div.selected td.bottomLeftBorder {
	background-image: url(bottomLeftOverviewBorderS.gif);
}

#mediaViewer {
	position: absolute;
	background-image: url(overlayBg.png);
	z-index: 999;
	width: 0px;
	overflow: hidden;
}

#mediaWait {
	position: absolute;
	background-image: url(spacer.gif);
	z-index: 999;
	width: 0px;
	overflow: hidden;
	cursor: wait;
}

#mediaViewerFrame {
	position: absolute;
	border: 1px solid #555555;
	background-color: #bbbbbb;
}

#navigationList {
	position: absolute;
	overflow: auto;
	width: 153px;
	background-color: #d0d0d0;
	border: 5px solid #d0d0d0;
}

#navigationList ul {
	padding-left: 0px;
}

#navigationList ul ul {
	padding-left: 7px;
}

#navigationList li {
	line-height: 15px;
	list-style-type: none;
	padding-left: 3px;
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: -1px;
	margin-top: 1px;
}

#navigationList p {
	line-height: 16px;
	border-bottom: 1px solid #bbbbbb;
	padding-left: 3px;
}

#navigationList p.favAdded {
	background-color: #e5ffe5;
	color: #003300;
}

#navigationList p.favRemoved {
	background-color: #ffe5e5;
	color: #330000;
}

#navigationList li.selected, #navigationList p.selected {
	font-weight: bold;
	background-color: #cdcdee;
	color: #333333;
}

#navigationList li.selected ul {
	font-weight: normal;
}

#miniNavigationsTabs, #miniNavigationsSheets {
	position: absolute;
	width: 163px;
	overflow: hidden;
}

#miniNavigationsTabs p, #miniNavigationsSheets p {
	text-align: right;
	font-size: 9px;
	color: #666666;
	padding-bottom: 2px;
	margin-right: 6px;
	margin-top: 1px;
}

#miniNavigationsTabs span, #miniNavigationsSheets span {
	color: #777777;
	border-top: 1px solid #c9c9c9;
	background-color: #d0d0d0;
	padding: 5px;
	padding-top: 0px;
}

#miniNavigationsSheets p {
	text-align: left;
}

#miniNavigationsSheets span {
	color: #999999;
	border-top: 0px solid #c9c9c9;
	background-color: transparent;
	padding-left: 0px;
}