@charset "utf-8";
/*------------------------------------------------------------------
[Main Stylesheet]

Project:		Hanes Bilddatenbank
Version:		1.0
Last change:	25/08/08
Author:			<Dotfly> Adrian Kirchner (adrian.kirchner@dotfly.de)
Primary use:	Bilddatenbank
-------------------------------------------------------------------*/


html { overflow-y: scroll; padding: 15px 0 0 0; }
body { margin:0; padding:0 0 0 0; background:#fff; color:#7E868B; }
body#itemsBody {   }
body#itemBackground { background-color: #FFF; /*background: url(/images/layout/body/background3.jpg) no-repeat center 240px;*/ }
h1,h2,h3,h4,h5,p,div,ul,li,ol,dl,dd,dt,table,td,th,input,textarea,select,option,form { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

a { outline:0; color:#666666; text-decoration:underline; font-weight:normal; }
a img { border: none; }


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.border { border: 1px solid #000; }
.noBorder { border: none !important; }
.clear { height: 0; font-size: 0; clear: both !important; }
.top, .bottom { font-size: 1px; }
.transparentBg	{ background:transparent; }
.relative	{ position:relative; }



/* -----------------------------------*/
/* --------->>> Content <<<-----------*/
/* -----------------------------------*/

#contentWrapper { width: 992px; margin: 0 auto 18px;  /*background: url(/images/layout/body/background.jpg) no-repeat -30px -12px; */}
.shapeBack #contentWrapper { /*background-image: url(/images/layout/body/background_crop.jpg);*/}
body#itemBackground #contentWrapper { background: none !important; }
body#clean #contentWrapper { background: none !important; }
/* * html #contentWrapper { background: none !important; } */
#contentWrapper #leftContainer { float: left; display:inline; width:268px; margin:2px 0 0 0; background: url(/images/layout/logo/header.jpg) no-repeat 20px 0;
	padding-top: 56px;
}
#contentWrapper #rightContainer { float: left; display:inline; width: 714px; margin: -2px 0 0 -5px; overflow: hidden; background: url(/images/layout/logo/header.jpg) no-repeat -243px 4px;
	padding-top: 20px;
}

/* -----------------------------------*/
/* -------->>> Search Box <<<---------*/
/* -----------------------------------*/
#navFirstLevel	{ float:left; display:inline; width:268px; overflow:hidden; }
#navFirstLevel .searchInput	{ margin:29px 0 0 21px; color:#666666; font-size:12px; width:194px; float:left; display:inline; }
#navFirstLevel .searchSubmit	{ float:left; display:inline; width:24px; height:23px; margin:28px 0 0 0; cursor:pointer; }

/* -----------------------------------*/
/* ----------->>> Login <<<-----------*/
/* -----------------------------------*/
#startWrapper h1 {
	font-weight: bold; color: #007b44; 	font-size: 28px;
	margin-left: 46px;
	text-transform: uppercase;
	padding-bottom: 20px;
}
#loginForm { width: 405px; height: 153px; margin: 50px auto 0 auto ; }
* html #loginForm { width: 405px; }
#loginForm .floatLeft { width: 214px; overflow:hidden; margin-bottom:10px; /*background: url(/images/layout/nav/mainnav-bg-2nd.png) no-repeat; */}
#loginForm .floatLeft label { display: block; font-size: 12px; cursor: pointer; background:url(/images/layout/nav/labelBG.gif) no-repeat 0 0; padding: 6px 0 5px 15px; }
#loginForm .floatRight { float: left; width: 160px; height: 25px; margin: 0 0 0 10px; display:inline; }
#loginForm .floatRight input { width: 160px; height: 17px; padding: 3px; font-size: 12px; border: 1px solid #cccccc; }
#loginForm .floatRight select { width: 168px; height: 20px; font-size: 12px; }
* html #loginForm .floatRight select { margin: 0 0 0 11px; }
#loginForm .floatRight option { font-size: 12px; }
#loginForm .submitButton  { float: right; display:inline; height: 25px; margin: 0px 12px 0 0; }
	/** html #loginForm .submitButton  { float: right; display:inline; height: 25px; margin: 0px 112px 0 0; }
	*+html #loginForm .submitButton  { float: right; display:inline; height: 25px; margin: 0px 96px 0 0; }*/
#loginForm .submitButton input { display: block; padding: 0 89px 0 81px; height: 25px; width:40px; border: none; color: #FFF; font-weight: bold; font-size: 12px; background: url(/images/layout/button/buttonGreyGrad.gif) no-repeat left top; cursor:pointer; }
	*+html #loginForm .submitButton input { display: block; padding: 0 133px 0 68px; height: 25px; width:170px; border: none; color: #FFF; font-weight: bold; font-size: 12px; background: url(/images/layout/button/buttonGreyGrad.gif) no-repeat left top; cursor:pointer; margin:0 0 0 -50px; }
	* html #loginForm .submitButton input { display: block; padding: 0 66px 0 120px; height: 25px; width:228px; border: none; color: #FFF; font-weight: bold; font-size: 12px; background: url(/images/layout/button/buttonGreyGrad.gif) no-repeat right top; cursor:pointer; margin:0 0 0 -50px; }
#loginForm .submitPW { float: left; margin: 5px 0 0 10px; display:inline; }

#loginForm .loginError { width: 200px; margin: 10px auto 0 auto; text-align: center; }
#loginForm .loginError p, .errorMessage { color: #FF0000; }

#navWrapper .loginSize { /*height: 210px;*/ }


/* -----------------------------------*/
/* -------->>> Navigation <<<---------*/
/* -----------------------------------*/

#navWrapper { width: 240px; margin-left:18px; }
 * html #navWrapper	{ overflow:hidden; }
#navWrapper .top { height: 10px; background: url(/images/layout/paper/nav-top.png) no-repeat; display:none; }
/** html #navWrapper .top { background-image: url(/images/layout/paper/nav-top-ie6.png); display:none; }*/
#navWrapper .bottom { height: 10px; background: url(/images/layout/paper/nav-bottom.png) no-repeat; display:none; }
* html #navWrapper .bottom { background-image: url(/images/layout/paper/nav-bottom-ie6.png); display:none; }
#navWrapper .middle {/* background: url(/images/layout/paper/nav-middle.png) repeat-y;*/ width:300px; overflow:hidden; }
* html #navWrapper .middle {/* background-image: url(/images/layout/paper/nav-middle-ie6.png);*/ }
#navWrapper .middle h1 { /*padding: 40px 0;*/ margin:0; }
#navWrapper .middle h1 a { display: block; width: 260px; height: 104px; margin: 0 0 0 8px; background: none no-repeat 10px 14px; text-indent: -10000em; }
		
	#navWrapper .middle ul { list-style-type: none; }
	/* 1st Level */
	#navWrapper .middle ul#navFirstLevel	{ padding: 0 0 10px; margin:0 0 0 2px; float:left; display:inline; }
	#navWrapper .middle ul#navFirstLevel li { padding: 0 0 1px 0; margin:0; float:left; display:inline; }
	#navWrapper .middle ul#navFirstLevel li a:link,
	#navWrapper .middle ul#navFirstLevel li a:visited { display: block; height: 23px; padding: 12px 0 0 10px; background: url(/images/layout/nav/mainnav-bg.png) no-repeat; color: #FFF; text-decoration: none; text-transform: uppercase; }
	#navWrapper .middle ul#navFirstLevel li a:hover,
	#navWrapper .middle ul#navFirstLevel li.activeNav a { font-weight: bold; background-position: 0 -35px; }
	
	/* Search Form */
	#navWrapper .middle ul#navFirstLevel li.searchForm { display: block; height: 69px; width:268px; margin: 0 0 1px 0; background: url(/images/layout/nav/search_bg.gif) no-repeat left top; /*background: url(/images/layout/nav/mainnav-search-bg.png) no-repeat #bd0025;*/ color: #FFF; }
	#navWrapper .middle ul#navFirstLevel li.searchForm label { float: left; margin: 11px 8px 0 10px; cursor: pointer; color: #FFF; font-weight: bold; text-transform: uppercase; }
	#navWrapper .middle ul#navFirstLevel li.searchForm input.keyword { float: left; margin: 8px 0 0 0; padding: 2px; border: 1px solid #FFF; }
	#navWrapper .middle ul#navFirstLevel li.searchForm input.submitButton { float: right; margin: 0 1px 0 0; }
	#navWrapper .middle ul#navFirstLevel li.searchForm span { display: block; margin: -3px 0 0 10px; }
	
	/* 2nd Level */
	#navWrapper #navMain .activeNav ul { width: 220px; padding: 4px 5px; overflow:hidden; }
	#navWrapper #navMain .activeNav ul li { padding: 0; /*height:31px;*/ overflow:hidden; width: 240px; border-bottom:none; margin:0; }
	#navWrapper #navMain .activeNav ul li a	{ width:500px; background:url(/images/layout/nav/nav2ndLvlBg.gif) no-repeat 0 0; height:20px; padding:5px 0 0 18px; margin: 0 0 5px 7px; color:#000; font-weight:normal; }
	/*#navWrapper #navMain .activeNav ul li a:hover,
	#navWrapper #navMain .activeNav ul .activeNav a { color: #000; background-position: 0 -25px; font-weight:normal; font-weight:bold; }*/

	/* 3rd Level */
	#navWrapper .middle #navThirdLevel { width: 185px; margin: 0 0 -5px 10px; padding: 1px 0 9px 0; overflow:hidden; }
	#navWrapper .middle #navThirdLevel li { padding: 0; border-bottom: 1px solid #d6d7d6; }
	#navWrapper #navMain .activeNav ul .activeNav { background:none; }
	#navWrapper .middle #navThirdLevel li a:link,
	#navWrapper .middle #navThirdLevel li a:visited { display: block; height: 19px; margin: 0; padding: 7px 0 3px 16px; background: url(/images/layout/nav/mainnav-dot-3rd.png) no-repeat 2px 13px; color: #666666; font-weight: normal; text-transform: none; }
	#navWrapper .middle #navThirdLevel li a:hover,
	#navWrapper .middle #navThirdLevel .activeNav a { background-position: 2px -6px !important; color: #000 !important; height:19px; font-weight:normal; }
	* html #navWrapper .middle #navThirdLevel li a:hover { background-position: 2px 13px !important; color: #000 !important; height:19px; font-weight:normal; }
	* html #navWrapper .middle #navThirdLevel .activeNav a { background-position: 2px 13px !important; color: #000 !important; height:19px; font-weight:normal; }
	*+html #navWrapper .middle #navThirdLevel li a:hover { background-position: 2px 13px !important; color: #000 !important; height:19px; font-weight:normal; }
	*+html #navWrapper .middle #navThirdLevel .activeNav a { background-position: 2px 13px !important; color: #000 !important; height:19px; font-weight:normal; }
	#navWrapper #navMain .activeNav ul li ul li a { border-bottom:1px solid #e9e7e7; }
	#navWrapper #navMain .activeNav ul li ul .last a	{ border-bottom:0; }
	#navWrapper #navMain .activeNav ul li ul .activeNav	{ background:none; padding: 0 5px 4px 5px; }
	#navWrapper #navMain .activeNav ul .activeNav ul	{ padding:0 0 0 18px; width:185px; overflow:hidden; }

	/* 4th Level */
	#navWrapper .middle #navThirdLevel li #navFourthLevel	{ width: 185px; padding: 1px 0 0 0; overflow:hidden; }
	#navWrapper .middel #navThirdLevel li ul#navFourthLevel li	{ border-bottom:none !important; }
	#navWrapper .middle #navThirdLevel li #navFourthLevel li a:link,
	#navWrapper .middle #navThirdLevel li #navFourthLevel li a:visited	{ display:block; width: 185px; padding: 6px 0 2px 15px; overflow:hidden; background: url(/images/layout/nav/mainnav-dot-3rd.png) no-repeat 2px 11px !important; margin: 0 0 0 10px; color:#666666 !important; }
	/*#navWrapper .middle #navThirdLevel li #navFourthLevel li a:hover,*/
	#navWrapper .middle #navThirdLevel li #navFourthLevel .activeNav a { color: #000 !important; font-weight:bold; }
	#navWrapper #navMain .activeNav ul li ul li ul li a { border-bottom:1px solid #e9e7e7; padding: 0 0 0 10px;  }
	#navWrapper #navMain .activeNav ul .activeNav ul .activeNav 	{ padding:0;}
	#navWrapper #navMain .activeNav ul .activeNav ul .activeNav ul .activeNav	{ padding:0; }
	#navWrapper #navMain .activeNav ul .activeNav ul .activeNav ul li a	{ border-bottom:1px solid #e9e7e7; }
	#navWrapper #navMain .activeNav ul .activeNav ul .activeNav ul .last a	{ border-bottom:none; }

	/* Nav Main */
	#navWrapper .shdw	{  float:left; display:inline; width: 286px; overflow:hidden; clear:both; }
	#navWrapper .top	{ background:url(/images/layout/nav/navShdwTop.gif) no-repeat left top; height:15px; margin: 0 0 0 -10px; }
	#navWrapper .bot	{ background:url(/images/layout/nav/navShdwBot.gif) no-repeat left top; height:17px; margin: 0 0 0 -10px;  }

	#navMain	{ float:left; display:inline; width: 286px; overflow:hidden; padding: 0; margin: 0 0 0 -1px; }
	#navMain li	{ float:left; display:inline; width: 250px; clear:left; padding:0; margin: 0 0 10px; }
	#navMain li a	{ display:block; height:20px; width: 230px; overflow:hidden; padding: 10px 0 5px 15px; border:none; background: #fff url(/images/layout/nav/nav1stLvlBg.gif) no-repeat 0 -37px; text-decoration: none; font-size:12px; }
	#navMain li a:hover	{ color: #000; font-weight: bold; }
	#navMain li .logout	{ border-bottom:none; padding: 11px 0 3px 15px; }
	#navMain .activeNav	{ background:url(/images/layout/nav/nav1stLvlActBg.gif) no-repeat left bottom; padding: 0 0 5px 0; margin:0 0 16px; }
	#navMain .activeNav a	{ background:#fff url(/images/layout/nav/nav1stLvlBg.gif) no-repeat 0 0; margin: 0 0 5px 0; font-weight:bold; color:#000; }
	#navMain .selected a	{ background:#fff url(/images/layout/nav/nav1stLvlSel.gif) no-repeat 0 0; margin: 0; padding:14px 0 10px 15px; color:#000; font-weight:bold; }


/* -----------------------------------*/
/* --------->>> Selection <<<---------*/
/* -----------------------------------*/
#selShadow.active	{ height:181px; width:713px; background:url(/images/layout/nav/selectShdw.gif) no-repeat 0 3px; } 
#selShadow	{ height:75px; width:713px; padding:3px 0 0 3px; }
#selectInnerShadow	{ border:none; border-left: 1px solid #ebebeb; border-right:1px solid #ebebeb; width:703px; margin:-146px 0 0 3px; }
#selWrapper { width: 711px; float:left; display:inline; /*background: url(/images/layout/nav/login_bg.gif) no-repeat left -78px; */margin: 0; }
.loginMarginTop	{ margin:200px 0 0 2px !important; }
/*#selWrapper .top { height: 3px; background: url(/images/layout/paper/sel-top.png) no-repeat; }
* html #selWrapper .top { background-image: url(/images/layout/paper/sel-top-ie6.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/layout/paper/sel-top.png'); }
#selWrapper .bottom { height: 5px; background: url(/images/layout/paper/sel-bottom.png) no-repeat; }
* html #selWrapper .bottom { background-image: url(/images/layout/paper/sel-bottom-ie6.png); }
#selWrapper .middle { padding: 0 5px 0 3px; background: url(/images/layout/paper/sel-middle.png) repeat-y; }
* html #selWrapper .middle { background-image: url(/images/layout/paper/sel-middle-ie6.png); }*/

	/* Headline */
	#selWrapper .middle { background: url(/images/layout/nav/selectTopBg.gif) 0 0 no-repeat; margin: 0 0 0 -1px; }
	#selWrapper #selShadow h2 a:link,
	#selWrapper #selShadow h2 a:visited { display: block; width: 705px; height:70px; padding: 0; background: url(/images/layout/nav/selectBg.jpg) no-repeat 0 0; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; text-indent:-30em; }
	#selWrapper #selShadow h2.selOpen a { background-position: left -70px; height:35px; }

	/* Content */
	#selWrapper #selContent { overflow-x: scroll; width: 705px; /*height: 145px; */ height: 129px;
	background-color: white;
}
	#selWrapper #selContent ul { width: 840px; height: 105px; margin: 7px 0 0 0; list-style-type: none; overflow: visible; }
	#selWrapper #selContent ul li { float: left; border-right: 1px solid #e9e7e7; width: 188px; height: 103px; padding: 2px 19px 0 0; /*background: url(/images/layout/line/sel-div.png) no-repeat right top;*/ overflow:hidden; }
	#selWrapper #selContent ul li div.floatLeft { width: 84px; height: 90px; text-align: center; }
	#selWrapper #selContent ul li div.floatLeft a { display: block; width: 84px; height: 85px; background-position: center bottom; background-repeat: no-repeat; text-indent: -10000em; margin-top:5px; }
	#selWrapper #selContent ul li div.folder a { background: url(/images/layout/item/sel-folder.png) center top no-repeat; }
	#selWrapper #selContent ul li div.selDesc { float: left; width: 101px; height: 78px; display:inline; overflow:hidden; }
	#selWrapper #selContent ul li div.selDesc a { text-decoration:none; }
	#selWrapper #selContent ul li div.button { float: left; width: 101px; }
	#selWrapper #selContent ul li div.button a { height: 13px; }
	#selWrapper #selContent #selDownload { display: none; position: relative; height: 136px; width:695px; padding: 9px 1px 0 9px; background: url(/images/layout/paper/sel-download.png) no-repeat #f3f4f3 ; color: #FFF; }
	#selWrapper #selContent #selDownload div { color: #FFF; }
	#selWrapper #selContent #selDownload a { color: #FFF; }
	#selWrapper #selContent #selDownload div { color: #FFF; font-size:18px; line-height:1.8em; font-weight:normal; }
	#selWrapper #selContent #selDownload div .label { display:block; width:290px; float:left; }
	#selWrapper #selContent #selDownload div .result { font-weight:bold; }
	#selWrapper #selContent #selDownload #startButton { display: none; position: absolute; bottom: 9px; left: 9px; }
	#selWrapper #selContent #selDownload #loadInfo { display: none; position: absolute; width: 19px; height: 19px; bottom: 9px; left: 134px; background: url(/images/layout/item/loadArchive.gif) center no-repeat #FFF; }
	#selWrapper #selContent #selDownload #backButton { display: none; position: absolute; bottom: 9px; right: 9px; }
	
	/* Resolution */
	#selResolution { height: 37px; margin: 1px 0 0 -3px; background:url(/images/layout/nav/selResBg.gif) no-repeat left top; padding:3px 0 0 0; width:711px;}
	#selResolution strong { float: left; margin: 12px 24px 0 14px; font-size:12px; display:inline; }
	#selResolution div.checkBox { float: left; margin: 12px 27px 0 0; display:inline; }
	* html #selResolution div.checkBox { margin: 12px 12px 0 0; }
	*+html #selResolution div.checkBox { margin: 12px 12px 0 0; }
	#selResolution div.checkBox input { float: left; margin: 0 4px 0 0; display:inline; }
	* html #selResolution div.checkBox input { margin-top: -4px; }
	*+html #selResolution div.checkBox input { margin-top: -4px; }
	#selResolution div.checkBox label { display: block; width: 95px; margin: 0; cursor: pointer; }
	* html #selResolution div.checkBox label { width: 87px; }
	*+html #selResolution div.checkBox label { width: 87px; }
	#selResolution a { display: block; float: left; width: 131px; height: 19px; margin: 1px 0 0 13px; }
	* html #selResolution a { display: block; float: left; width: 131px; height: 19px; margin: 3px 0 0 4px; }

/* -----------------------------------*/
/* ------->>> Top Background <<<------*/
/* -----------------------------------*/
#topBackgroundWrapper	{ width:705px; background:#f9f9f9; overflow:hidden; padding-bottom:8px; margin: 0 0 0 4px; }
#MedisanaOuterWrapper	{ width:990px; overflow:hidden; margin: 0 auto; }
#MedisanaWrapperTop	{ width:991px; height:10px; background:url(/images/layout/paper/medisanaWrapperTop.gif) no-repeat 1px 0; overflow:hidden; }
#MedisanaWrapperMain	{ width:991px; overflow:hidden; background:url(/images/layout/paper/medisanaWrapperMain.gif) repeat-y 0 0; }

#MedisanaWrapperBottom	{ width:991px; height:19px; background:url(/images/layout/paper/medisanaWrapperBottom.gif) no-repeat 0 0; }

/* -----------------------------------*/
/* --------->>> Breadcrumb <<<--------*/
/* -----------------------------------*/
#breadcrumb { margin: 20px 0 0 16px; width:650px; overflow:hidden; }
#breadcrumb ul { list-style-type: none; }
#breadcrumb ul li { float: left; margin: 0 5px 0 0; }
#breadcrumb ul li.lastLevel a { text-decoration: none; font-weight: bold; }



/* -----------------------------------*/
/* ------------>>> Tools <<<----------*/
/* -----------------------------------*/
#tools { margin: 0 0 0 2px; padding-top: 19px; }
#tools ul { list-style-type: none; }
#tools ul li { float: right; display:inline; margin: 0 7px 0 0; }
#tools .imgFlipper	{ width:88px; height:28px; overflow:hidden; display:block; }
#tools .imgFlipperBig	{ width:104px; height:28px; overflow:hidden; display:block; }
#tools .imgFlipper:hover img,
#tools .imgFlipperBig:hover img	{ margin-top:-28px; }



/* -----------------------------------*/
/* -------->>> Start Wrapper <<<------*/
/* -----------------------------------*/
#startWrapper { margin: 6px 0 0 2px;  }
#startWrapper p { font-size: 13px; margin: 0 0 1em 46px; width:553px; line-height:1.53em; }
#startWrapper ul li p { margin: 0 0 1em 0; }
#startWrapper ul { margin: 0 0 0 61px;  }
#startWrapper ul li { font-size: 13px; }
#bgContainer {   }
#prevContent ul { margin: 10px 0 0 0; list-style-type: none; }
#prevContent ul li { float: left; width: 140px; }
#prevContent ul li.file .itemPic { }
#prevContent ul li.file .itemPic a { display: block; width: 140px; height: 140px; background-position: center top; background-repeat: no-repeat; text-indent: -10000em; }
#prevContent ul li.folder .itemPic { }
#prevContent ul li.folder .itemPic a { display: block; width: 140px; height: 100px; background: url(/images/layout/item/item-folder.png) no-repeat center 20px; text-indent: -10000em; }
#prevContent ul li.folder .itemName { text-align: center; }
#prevContent h3 a { font-weight: bold; color: #bd0025; }

/* -----------------------------------*/
/* ------->>> Item Container <<<------*/
/* -----------------------------------*/
#itemWrapper { width: 719px; margin: 10px 0 0 4px;  border: 0px solid #000; }
#itemWrapper ul { list-style-type: none; }
#itemWrapper ul li { float: left; width: 229px; height: 301px; margin: 0 7px 7px 0; padding: 2px 0 0 2px; background: url(/images/layout/paper/item-folder-bg.png) no-repeat; }
/** html #itemWrapper ul li { background-image: url(/images/layout/paper/item-bg-ie6.png); }*/
#itemWrapper ul li div.searchHighlight { width: 223px; height: 293px; border: 1px solid #de002c; }
#itemWrapper ul li.lastItem { margin-right: 0; margin-left: 1px; }
#itemWrapper ul li .itemPic { width: 225px; height: 184px; margin: 0 0 19px 0; background-position: bottom center; background-repeat: no-repeat; }
#itemWrapper ul li .fileDetailsWrapper { width:220px; height: 46px; overflow:hidden; }
#itemWrapper ul li p { margin: 0 0 1px 19px; font-size:12px; }
#itemWrapper ul li div.searchHighlight p { color: #de002c; }
#itemWrapper ul li a.selectItem { display: block; width: 88px; height: 28px; margin: 8px 0 0 16px; background: url(/images/layout/button/us-select.png) no-repeat; text-indent: -10000em; font-size: 1px; }
#itemWrapper ul li a:hover,
	#itemWrapper ul li a.selectedItem { background-position: 0 -28px; }

/* -----------------------------------*/
/* --->>> Item Folder Container <<<---*/
/* -----------------------------------*/
.itemFolderTopBorder	{ border-bottom:1px solid #e9e7e7; width:705px; height:15px; margin: 0 0 0 4px; }
#topBackgroundWrapper #itemFolderWrapper { margin: 10px 0 0 -1px !important; }
#itemFolderWrapper { width: 719px; margin: 10px 0 0 4px; border: 0px solid #000; }
#itemFolderWrapper ul { list-style-type: none; }
#itemFolderWrapper ul li { float: left; display:inline; width: 229px; height: 299px; margin: 0 8px 17px 0; padding: 2px 0 0 2px; background: url(/images/layout/paper/item-folder-bg.png) no-repeat; }
* html #itemFolderWrapper ul li { background-image: url(/images/layout/paper/item-folder-bg.png) no-repeat; }
#itemFolderWrapper ul li.lastItem { margin-right: 0; }
#itemFolderWrapper ul li .itemPic { width: 225px; height: 173px; margin-bottom:30px; background: url(/images/layout/item/item-folder.png) no-repeat center bottom; }
#itemFolderWrapper ul li .fileDetailsWrapper { width:230px; height: 46px; overflow:hidden; font-size:12px; }
#itemFolderWrapper ul li p { margin: 0 0 1px 19px; }
#itemFolderWrapper ul li p a { text-decoration:none; font-size:12px; }
/*#itemFolderWrapper ul li a.openFolder { display: block; float:left; margin: 8px 0 0 16px; height: 28px; width:88px; overflow:hidden; }
	* html #itemFolderWrapper ul li a.openFolder { margin: 8px 0 0 8px; }*/
#itemFolderWrapper ul li a.openFolder,
	#itemWrapper ul li a.openFolder { display: block; float:left; margin: 8px 0 0 16px; height: 28px; width:88px; overflow:hidden; }
* html #itemFolderWrapper ul li a.openFolder { margin: 8px 0 0 8px; }
* html #itemWrapper ul li a.openFolder 		 { margin: 8px 0 0 8px; }
#itemFolderWrapper ul li a.selectItem { display: inline; float:left; width: 88px; height: 28px; margin: 8px 0 0 12px; background: url(/images/layout/button/us-select.png) no-repeat; text-indent: -10000em; font-size: 1px; }
#itemFolderWrapper ul li a:hover,
#itemFolderWrapper ul li a.selectedItem { background-position: 0 -28px; }
#itemWrapper ul li a:hover img,
#itemWrapper ul li a.selectedItem img { margin-top:-28px; }
#itemFolderWrapper ul li a:hover img	{ margin-top:-28px; }

/* -----------------------------------*/
/* ----------->>> Footer <<<----------*/
/* -----------------------------------*/
#GradientFooter	{ background: url(/images/layout/line/footerBreak.gif) repeat-x top left; height:70px; margin-top:80px; }
#innerFooter	{ width:992px; margin: 0 auto; }
#addUser	{ height: 330px; width:100%; overflow:hidden;  }
#hotlineHanger	{ float:left; display:inline; margin: 0 0 0 -1px; }
#footerCopyrightNotice	{ float:right; display:inline; text-align:right; font-size:12px; margin: 18px 0 0 0; line-height:1.5em; color:#999999; }


/* -----------------------------------*/
/* ----------->>> Search <<<----------*/
/* -----------------------------------*/

#results {
	background: #ffffff url(/images/layout/nav/navShdwReslts.gif) no-repeat bottom left;
	padding: 0 1px 10px 2px;
	/*border: 1px solid #666;*/
	font-size: 10px;
	font-family: arial;
	display: none;
	width:209px;
	overflow:hidden;
}

* html #results {
	margin: 20px 0 0 1px;
}
*+html #results {
	margin: 20px 0 0 1px;
}

#results div {
    padding: 9px 0px 8px 19px;
    margin: 0 0 1px;
    width:185px;
    overflow:hidden;
}

#results div a { display: block; text-decoration: none; }

#results .selected {
	background-color: #eaebea;
	color: #000;
}

#results .unselected {
	background-color: #fff;
	color: #666;
}

#results .resultFile {
	padding: 9px 0 8px 19px;
}

#results .category { background-color: #bdbdbd !important; font-weight: bold; }

#results .rootCat { background-color: #01b173 !important; color: #FFF !important; font-weight: bold; }

/* -----------------------------------*/
/* --------->>> Management <<<--------*/
/* -----------------------------------*/

/* Overwiev */
.manItem ul li { height: 116px !important; background-image: url(/images/layout/paper/item-man-bg.png) !important;}
.manItem ul li a { display: block; height: 111px; margin: 0 4px 0 0; text-decoration: none; text-align: center; }
.manItem ul li a .manPic { height: 93px; background: url(/images/layout/item/item-man.png) no-repeat center 19px !important; }
.manSecond ul li a .manPic { background-image: url(/images/layout/item/item-man-2.png) !important; }
.manItem ul li a em { font-style: normal; text-transform: uppercase; font-weight: bold; }


/* Edit / Remove User */
#userList { width: 719px; margin: 33px 0 0 0; }

#userList .bigLetter { width: 300px; padding: 3px 0 0 10px; font-size: 16px; font-weight: bold; }

#userList .userTuppel { width: 650px; margin: 0 auto 3px auto; padding: 3px 0 3px 5px; background: #FFF; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; cursor: pointer; }
#userList .userTuppel div.table { float: left; margin: 0 5px 0 0; border-right: 1px solid #dfdfdf; }
#userList .userTuppel .loginName { width: 120px; }
#userList .userTuppel .displayName { width: 120px; }
#userList .userTuppel .eMail { width: 180px; }
#userList .userTuppel .createDate { width: 100px; }
#userList .userTuppel .lastLogin { width: 100px; border: none !important; }

#userList .headline { background: transparent; border: none; margin-bottom: 0; cursor: auto; }
#userList .headline div { border-color: #f3f4f3 !important; font-weight: bold; }

#userList .userTuppel .editUser { display: none; margin: 3px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #dfdfdf; }
#userList .userTuppel .editUser .inlineEdit { padding: 3px 0 0 0; }
#userList .userTuppel .editUser .inlineEdit input { width: 110px; border: 1px solid #7E868B; }
#userList .userTuppel .editUser .eMail input { width: 170px; }
#userList .userTuppel .editUser .submitRow { border: none; }


#letterList { display: block; height: 25px; list-style-type: none; margin: 0 0 15px 20px; }
#letterList li { float: left; width: 25px; color: #CCCCCC; }

#groupList { display: block; height: 25px; list-style-type: none; margin: 0 0 15px 20px; }
#groupList li { float: left; margin: 0 30px 0 0; color: #CCCCCC; }


/* Import Users */
#importWrapper { width: 300px; margin: 30px auto; }
#importWrapper input { font-size: 12px; }
#importWrapper input.sepInp { width: 15px; font-size: 15px; }
#importWrapper p { margin: 0 0 20px 0; }
#importWrapper div { margin: 20px 0 0 0; }

#groupContainer { float: left; width: 160px; margin: 0 0 0 10px; }
#groupContainer select { width: 168px; height: 20px; font-size: 12px; }
#groupContainer option { font-size: 12px; }

.groupSelect { margin: 0 0 5px 0;}

.loginForm { width: 360px; height: 153px; margin: 50px auto 0 auto ; }
.loginForm .floatLeft { width: 170px; height: 20px; margin: 0 0 10px 0; padding: 5px 0 0 10px; background: url(/images/layout/nav/mainnav-bg-2nd.png) no-repeat; }
.loginForm .floatLeft label { display: block; font-size: 12px; cursor: pointer; }
.loginForm .floatRight { float: left; width: 160px; height: 25px; margin: 0 0 0 10px; }
.loginForm .floatRight input { width: 160px; height: 17px; padding: 3px; font-size: 12px; border: 1px solid #cccccc; }
.loginForm .floatRight select { width: 168px; height: 20px; font-size: 12px; }
.loginForm .floatRight option { font-size: 12px; }
.loginForm .submitButton  { float: right; width: 167px; height: 25px; margin: 0px 3px 0 0; background: url(/images/layout/nav/mainnav-search-bg.png) no-repeat; }
.loginForm .submitButton input { display: block; width: 100%; height: 25px; background: transparent; border: none; color: #FFF; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.loginForm .submitPW { float: left; margin: 5px 0 0 10px; }


/* Scan for Updates */
#manPaper { width: 716px; margin: 30px 0 0 -1px; width:100%; overflow:hidden; }
#manPaper .top { height: 5px; background: url(/images/layout/paper/man-top.png) no-repeat; }
#manPaper .bottom { height: 5px; background: url(/images/layout/paper/man-bottom.png) no-repeat; }
#manPaper .middle { padding: 0 5px; background: url(/images/layout/paper/man-middle.png) repeat-y; }

#manPaper .middle #itemSide { float: left; width: 430px; margin: 0 0 3px 0; }
#manPaper .middle #itemSide h3 { margin: 0 0 0 6px; font-weight: normal; font-size: 12px; font-style: italic; }
#manPaper .middle #itemSide #scanLoad { height: 100px; background: url(/images/layout/item/scan-load.gif) no-repeat center; }
#manPaper .middle #itemSide ul.scanItem { list-style-type: none; border-top: 1px solid #f3f4f3; }
#manPaper .middle #itemSide ul.scanItem li { padding: 0 0 0 18px; background: url(/images/layout/item/man-folder.png) no-repeat 0 4px #FFF; border-bottom: 1px solid #f3f4f3; font-size: 12px; }
#manPaper .middle #itemSide ul.scanItem li a { display: block; padding: 4px 6px; text-decoration: none; }
#manPaper .middle #itemSide ul.scanItem li.isNew a { font-style: italic; }
#manPaper .middle #itemSide ul.scanItem li a:hover { background: #f3f4f3; }
#manPaper .middle #itemSide ul.scanItem li a em { color: #bc2907; font-weight: bold; }

#manPaper .middle #itemSide ul.subItem { list-style-type: none; }
#manPaper .middle #itemSide ul.subItem li { background-image: url(/images/layout/item/man-folder-1.png); }

#manPaper .middle #itemSide ul ul ul.subSubItem { list-style-type: none; }
#manPaper .middle #itemSide ul ul ul.subSubItem li { background-image: url(/images/layout/item/man-folder-2.png) !important; border-top: 1px solid #f3f4f3; border-bottom: none; }


#manPaper .middle #detailSide { width: 264px; float: right; padding: 0 0 10px 6px; border-left: 1px solid #f3f4f3; }
#manPaper .middle #detailSide .itemPic { height: 100px; background: url(/images/layout/item/sel-folder.png) no-repeat center center; }
#manPaper .middle #detailSide .itemName {}
#manPaper .middle #detailSide .itemDName { margin: 5px 0 0 0; }
#manPaper .middle #detailSide .itemDName label { cursor: pointer; }
#manPaper .middle #detailSide .itemDName input { width: 150px; padding: 3px; border: 1px solid #de002c; }
#manPaper .middle #detailSide .itemGroups { margin: 5px 0 0 0; }
#manPaper .middle #detailSide .itemGroups label { cursor: pointer; }
#manPaper .middle #detailSide .itemSave { margin: 10px 0 0 0; text-align: center; }
#manPaper .middle #detailSide .itemSave input { width: 60px; height: 20px; border: none; background: #de002c; color: #FFF; }

/* Edit Mode */
#addArticleWrapper { display: none; width: 716px; margin: 15px 0 0 0; }
#addArticleWrapper .top { height: 5px; background: url(/images/layout/paper/man-top.png) no-repeat; }
#addArticleWrapper .bottom { height: 5px; background: url(/images/layout/paper/man-bottom.png) no-repeat; }
#addArticleWrapper .middle { padding: 0 5px; background: url(/images/layout/paper/man-middle.png) repeat-y; }

#addArticleAjaxContainer .submitButton  { float: left; width: 167px; height: 25px; margin: 0px 3px 0 0; background: url(/images/layout/nav/mainnav-search-bg.png) no-repeat; }
#addArticleAjaxContainer .submitButton input { display: block; width: 100%; height: 25px; background: transparent; border: none; color: #FFF; font-weight: bold; font-size: 12px; text-transform: uppercase; }


/* Data Summary */
.sumTable { }
.headline div { font-weight: bold; }
.sumTable div { float: left; }
.sumTable div.firstCol { width: 220px; }
.sumTable div.secondCol { width: 150px; }
.sumTable div.thirdCol { width: 80px; }
.sumTable div.fourthCol { width: 100px; }
.sumTable div.fifthCol { width: 50px; }
.sumTable div span.process { color: #e17a00; }
.sumTable div span.online { color: #00bd09; }
.sumTable div span.offline { color: #bd0025; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #4A0000;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* Thickbox administration */
#thickDir { margin: 10px 0 0 0; }
#thickDir h1 { color: #bd0025; font-weight: bold; font-size: 15px; }
#thickDir #frmDName { padding: 3px; border: 1px solid #bd0025; }
#thickDir label { display: block; float: left; width: 150px; }
#thickDir .itemSave #frmSave { width: 150px; height: 25px; border: none; color: #FFF; font-size: 12px; text-transform: uppercase; background: url(/images/layout/nav/mainnav-search-bg.png) repeat-x; }


/* -----------------------------------*/
/* --------->>> Embedding <<<---------*/
/* -----------------------------------*/
body.embedding { background-color: #FFF; margin:0; padding:0; }
body.embedding * { font-size:11px !important; }
body.embedding #contentWrapper { width: auto; }
body.embedding #leftContainer  { display: none; }
body.embedding #rightContainer  { width:auto; }
body.embedding #rightContainer #selWrapper .middle #loginForm { width:auto; padding:0; }
body.embedding #selWrapper .top,
body.embedding #selWrapper .bottom,
body.embedding #selWrapper .middle,
body.embedding #selWrapper .middle #loginForm .floatLeft,
body.embedding #selOpenerHl,
body.embedding #selOpener { background: none !important; padding:0; }
body.embedding #selWrapper .top,
body.embedding #selWrapper .bottom,
body.embedding #selOpenerHl,
body.embedding #selOpener { display:none; }
body.embedding #loginForm { margin:0; padding:0; }
body.embedding #loginForm .floatLeft { width: 100px; height: 20px; margin: 0 0 5px 0; padding: 5px 0 0 0 !important; }
body.embedding #loginForm .floatLeft label { display: block; font-size: 12px; cursor: pointer; }
body.embedding #loginForm .floatRight { float: left; width: 160px; height: 25px; margin: 0 0 0 10px; }
body.embedding #loginForm .floatRight input { width: 160px; height: 17px; padding:1px 3px !important; font-size: 12px; border: 1px solid #cccccc; }


body.embedding #loginForm .submitButton  { float: none; width: 167px; height: 25px; margin: 0px 0 0 110px; }
body.embedding #loginForm .submitButton input { display: block; width: 100%; background: transparent; border: none; color: #FFF; font-weight: bold; font-size: 12px; text-transform: uppercase; }