/*
File: styles.css
File: static.css
File: thickbox.css
File: jquery.cluetip.css
File: datePicker.css
*/


html,
body {
	 color:black;
}
html { 
	font-size: 100.1%;
}
body{
	font-size:12px;
	overflow-y:scroll;
}
* body{
	overflow-y:auto;
}
/* 16px -> 11px 
body { font-size: .6875em; }
*+html body { font-size: .69em; }
* html body { font-size: .69em; }
*/

body,
textarea,
input,
select {
    font-family:Arial,Helvetica,sans-serif,Verdana;
}
#mainwrapper,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
option,
button {
    font-size: 100.1%;
}
textarea {
    font-size: 11px;
}



a{
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
a:active{
	outline: none;
}
a:focus{
	-moz-outline-style: none;
}


button {	/* fix width for IE */
  width: auto;
  overflow: visible;
}

a img{border-width:0px;}
a span{display:none;}
.tdr{text-align:right;}
.tdc,.center{text-align:center;}
.ddl option{padding-right:.5em;}
th{
	text-align:left
}

.lab{
	display:block;
	width:160px;
	float:left;
	font-weight:bold;
}
.tbx{
	margin-bottom:2px;
	border-top:1px solid #a5acb2;
	border-right:1px solid #d4d0c8;
	border-bottom:1px solid #d4d0c8;
	border-left:1px solid #a5acb2;
	padding: 1px 2px;
}
button{
	padding:0;
}
.green{
	color:green;
	font-weight:bold;
}
.red{
	color:red;
	font-weight:bold;
}
/*===== Debug-Panel =====*/
.debug{display:block;position:absolute;bottom:10px;left:10px;border:1px solid #7c7c7c;background:white;cursor:pointer;z-index:100;}
.debug h2{font-size:11px;background:#eeeeee;padding: 2px 5px;display:block;color:black;}
.debug p{display:none;padding: 5px 10px;font-size:11px;color:black;}
.debug a{font-size:11px;}



/*===== Zones =====*/
html{
	background-color:white;
	background-image:url(/images/bg.gif);
	background-repeat: repeat;
	background-position: center;
}
#container{
	display:block;
	width:970px;
	margin:0 auto;
	position:relative;
	background-color:white;
}
#container #inner{
	margin: 0 15px;
}
#header{
	display:block;
	height:75px;
	margin-top:20px;
}
#nav{
	height:38px;
	line-height:38px;
	vertical-align: middle;
	border:1px solid #e7e7e7;
	background-image:url(/images/gradient_38.gif);
	background-repeat: repeat-x;
}
#content{
	margin: 5px 0 0 0;
	color:#7c7c7c;
}
#footer{
	display:block;
	clear:both;
	overflow:hidden;
	position:relative;
	margin: 10px 0;
	color:#7c7c7c;
	font-size:90%;
}

#footer a,
#footer .a{
	color:#7c7c7c;
	display:block;
	float:left;
	padding: 5px;
	margin-right:10px;
}



/*===== Basics =====*/
.remark{
	font-size:85%;
}

a{
	color:#7c7c7c;
	font-weight:normal;
}

.blockerror{
	margin: 10px 0 0 0;
	color:#ff0033;
	font-weight:bold;
}
.feedbackok{
	display:block;
	margin: 5px 0;
	border:2px solid #006400;
	padding: 5px 10px;
	color:#006400;
}
.feedbackfailed{
	display:block;
	margin: 5px 0;
	border:2px solid #ff0033;
	padding: 5px 10px;
	color:#ff0033;
}


.btn span{
	display:none;
}

.ddl option{
	padding-right:5px;
}
.cbx input,.rbl input,.cbl input{
	margin-right:5px;
}
.cbx label,
.rbl label,
.cbl label{
	display:inline !important;
	float:none !important;
	padding-right:30px;
}


.missing{
	color:#ff0033;
}
.missr .tbx,.missr .ddl{
	border:1px solid #ff0033;
	color:#ff0033;
}
.watermark{
	color:#7c7c7c;
}

hr{
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #aaabac;
	border-bottom: solid 1px #f3f3f3; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	margin: 20px 0;
}
h1{
	color:#424242;
}

/*== Zones Detail ==*/


#nav .in{
	margin: 0 10px;
}
#nav .in td{
	padding-right:10px;
}



/*===== Header (Logo, Language Select) =====*/
#header #logo img{
	margin-bottom:10px;
}

#header td{
	margin:0;
}
#header .links a{
	float:right;
}
#header .links a:hover{
	text-decoration:none;
	color:#fe0000;
}
#header .ddl{
	color:#7c7c7c;
	font-size:11px;
	margin: 0 5px;
}

#header .sta{
	float:right;
}
#header .ddls{
	display:block;
	float:left;
	width:300px;
}
#header .loggedincont{
	float:left;
}



/*== Login Status Box ==*/
#header .btnloginorregister,
#header .btnlogin{
	margin:4px 0 2px 2px;
}
#header .loggedin{
	border:1px solid #ff0033;
	background-color: #ffe7e8;
	overflow:hidden;
	height:16px;
	line-height:16px;
}
#header .loggedin td{
	color:#ff0033;
	padding:2px 5px 2px 10px;
}
#header .loggedin td.text{
	padding: 1px 10px 1px 5px;
	font-size:90%;
}




/*===== Buttons =====*/
.btn{
	display:block;
	border:1px solid #e7e7e7;
	color:#7c7c7c;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
}
.btn:hover{
	color:black;
}
.btnfl{
	float:left;
	margin-right:10px;
}
.btnfr{
	float:right;
	margin-left:10px;
}
.btns{
	height:17px;
	background-image:url(/images/gradient_17.gif);
	background-repeat: repeat-x;
	padding:0 5px;
}
.btnxl{
	height:12px;
	text-indent:none;
	background-position: 0 0;
	background-repeat: no-repeat;
	border-width:0px;
}
.btnxl:hover{background-position: 0 -12px;}

.btnssel, .btnssel:hover{
	height:17px;
	background-image:url(/images/gradient_17.gif);
	background-repeat: repeat-x;
	padding:0 5px;
	color:#fe0000;
	background-position:0 -17px;
	text-decoration:none;
}



.btnm{
	background-image:url(/images/bg_btnm.gif);
	background-position: left;
	border-width:0px;
	border-right:1px solid #7c7c7c;
	background-repeat: no-repeat;
	color:#7c7c7c;
	line-height:19px;
	text-align:left;
	text-indent:24px;
	display:inline;
	font-size:12px;
}
* .btnm{	/* IE */
	padding:2px 10px 1px 24px;
}
.btnm:hover{
	text-decoration:none;
}

a.arrow, a.arrowl{
	background-position:left;
	background-repeat: no-repeat;
	padding-left:10px;
	text-decoration:none;
	margin-right:10px;
}
a.arrow{
	background-image:url(/images/arrow_s.gif);
	font-size:11px;
	color:#7c7c7c;
	font-weight:normal;
}
a.arrowl{
	background-image:url(/images/arrow_l.gif);
	font-size:14px;
	color:#7c7c7c;
	font-weight:bold;
	text-transform: uppercase;
}





/*===== Content =====*/

#header #right h3{
	display:block;
	float:left;
	border:1px solid #cc0033;
	color:white;
	background-image:url(/images/bg_gradient_red_s.gif);
	background-repeat:repeat-x;
	margin-right:10px;
	font-size:85%;
	padding: 1px 10px;
}



/*===== Edit PM =====*/
#EditPM .row{
	margin-bottom:5px;
	overflow:hidden;
}
#EditPM .tbd{
	background-color:#ff9999;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #7c7c7c;
    background-color: white;
    color: black;
	 z-index:100;
}
#EditPM .ndareq{
	display:block;
	float:left;
}
#EditPM .pnlNda{
	display:block;
	width:400px;
	float:left;
}
#EditPM .ndareq{
	width:180px;
}
#EditPM .pnlNDA .rbl,
#EditPM .pnlNDA h3{
	margin-left:180px;
}


/*===== Register / Profile =====*/
.main .rbl{
	float:left;
}
.block{
	border-bottom: 1px solid #e7e7e7;
	padding-bottom:10px;
	overflow:hidden;
}

.blockxl,.blockm,.blocks,blockxs{
	background-repeat: repeat-x;
	background-position: bottom;
}
.blockxl{background-image:url(/images/bg_gradient_xl.gif);}
.blockm{background-image:url(/images/bg_gradient_m.gif);}
.blocks{background-image:url(/images/bg_gradient_s.gif);}
.blockxs{background-image:url(/images/bg_gradient_xs.gif);}


.block h1{
	font-weight:bold;
	display:block;
	padding:0 10px;
	margin-bottom:10px;
	height:32px;
	line-height:32px;
	border-bottom: 1px solid #e7e7e7;
	background-color:white;
	font-size:110%;
	color:#58595b;
}
.block h2{
	display:block;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight:bold;
}
.block h3{
	margin: 20px 0 10px 0;
}
.block p{
	display:block;
}
.block .row{
	margin: 0 0 0 10px;
	display:block;
	clear:both;
}
.main{
	overflow:hidden;
}
.main .block{
	border-right:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	overflow:hidden;
}
#profile .block .row{
	width:740px;
}
#profile .buttonrow{
	line-height:32px;
	overflow:hidden;
	border-bottom: 1px solid #e7e7e7
}
#profile label{
	font-weight:normal;
	font-size:12px;
	padding-top:2px;
}
#profile .tbx{
	width:180px;
	padding:1px;
	margin-right:10px;
}
#profile span.tbx{
	display:block;
	width:180px;
	float:left;
	margin-right:10px;
	padding-left:2px;
	border:1px solid white;
}
#profile .tbxs{
	width:90px;
}
#profile .ddl{
	font-size:12px;
	width:180px;
	color:#7C7C7C;
	margin-bottom:2px;
}
#profile .rowpos .ddl{
	width:auto;
}
#profile .ddls{
	width:60px;
}
#profile .tall{
	margin: 10px 0;
	display:block;
}
#profile .rem{
	display:block;
	float:left;
	margin-left:160px;
	margin-bottom:10px;
	font-size:90%;
}

/*===== Editor =====*/
.edit{
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-color:#f3f3f3;
}
.edit .in{
	padding: 0 10px;
	margin: 0px 0;
}



/*===== Categories Tab =====*/
.categories table{
	width:940px;
	border-right: 1px solid #e3e4e4;
}
.categories td{
	border-top: 1px solid #e3e4e4;
	border-left: 1px solid #e3e4e4;
	height:28px;
	line-height:28px;
	background-image:url(/images/bg_categories.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
}
.categories td.sel{background-position: 0 -28px;}

#preview .categories td,
.categorieseditor td{background-position: 0 -28px;}

#preview .categories td.sel,
.categorieseditor td.sel{background-position: 0 0;}

#preview #backtolist{
	display:none;
}
.categories a{
	width:100%;
	height:26px;
}

.categories2 td{width:50%}
.categories4 td{width:25%}
.categories5 td{width:20%}

.categories .cat a{
	display:block;
	xbackground-image:url(/images/categories.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.categories .cat a:hover{
	background-position: center -150px;
}
.categories .cat_pr a{background-position: center -2px;}
.categories .cat_ci a{background-position: center -32px;}
.categories .cat_co a{background-position: center -62px;}
.categories .cat_qa a{background-position: center -92px;}
.categories .cat_bp a{background-position: center -122px;}

.categories .cat_pr a:hover{background-position: center -152px;}
.categories .cat_ci a:hover{background-position: center -182px;}
.categories .cat_co a:hover{background-position: center -212px;}
.categories .cat_qa a:hover{background-position: center -242px;}
.categories .cat_bp a:hover{background-position: center -272px;}

.categories .cat_pr a.sela{background-position: center -152px;}
.categories .cat_ci a.sela{background-position: center -182px;}
.categories .cat_co a.sela{background-position: center -212px;}
.categories .cat_qa a.sela{background-position: center -242px;}
.categories .cat_bp a.sela{background-position: center -272px;}


.categories td{border-bottom:1px solid #e3e4e4;}
.categories td.sel{border-bottom:1px solid white;}

#preview .categories td,
.categorieseditor td{border-bottom:1px solid #e3e4e4;}

#preview .categories td.sel,
.categorieseditor td.sel{border-bottom:1px solid #f3f3f3;}




/*===== List Content =====*/
#listcontent {
}

#listcontent .empty td{
	padding: 10px 20px;
	background-color:#e7e7e7;
}



#listcontent  .in{
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	padding:10px 0;
}
#listcontent .item{
	display:block;
	width:740px;
	height:182px;

	border-bottom:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	border-left:1px solid #f2f2f2;

	background-image:url(/images/bg_gradient_m.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	position:relative;
}
#listcontent .in .gv{
	border-top:1px solid #E7E7E7;
}
#listcontent .itemnda{
	border-right:1px solid #fe0000 !important;
	border-bottom:1px solid #fe0000 !important;
	border-left:1px solid #fe0000 !important;
}

#listcontent .item .tag{
	display:block;
	position:absolute;
	top:5px;
	left:20px;
	font-size:9px;
}

#listcontent .in h4{
	padding: 2px 10px;
	background-color:#fe0000;
	color:white;
}
#listcontent .intro{
	margin-left:10px;
	margin-bottom:10px;
	width:730px;
}

#listcontent .item table{
	height:182px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	width:100%;
}
#listcontent .item table .image{
	width:170px;
	height:160px;
	display:block;
}





#listcontent .item table td.txt{
	width:100%;
}


#listcontent .item table td.txt .inn{
	height:162px;
	position:relative;
	margin-top:20px;
	padding-right:20px;
	padding-left:20px;
}

#listcontent .item table td .arrow{
	font-size:12px;
	font-weight:bold;
	position:absolute;
	bottom:10px;
	left:20px;
}



#listcontent .item .absred{
	xcolor:#fe0000;
	margin-top:10px;
}



#listcontent .item table .right{
	width:150px;
	height:100%;
	border-left: 1px solid #E7E7E7;
}

#listcontent table img{
	display:block;
	margin: 20px 0 0 20px;
	border:1px solid #E6E6E6;
	width:140px;
	height:140px;
}


#listcontent table .mod{
	font-size:11px;
	margin: 0 0 5px 0;
	height:12px;
}





#listcontent table .right .btn{
	position:absolute;
	right:5px;
	bottom:10px;
}

#listcontent table .right h2{
	width:150px;
	border-bottom:1px solid #E5E5E5;
	height:24px;
	line-height:24px;
	text-indent:10px;
}



/* Categories */
#listcontent .item .cat{
	background-image:url(/images/bg_cat.gif);
	text-indent:30px;
	display:block;
	line-height:25px;
	height:25px;
	text-decoration:none;
	font-weight:bold;
}
#listcontent .item .privat{color:#b6b7b8;}
#listcontent .item a:hover{color:#ff0000;}

#listcontent .item .cat1{background-position: 0 -50px;}	/* Images */
#listcontent .item .cat2{background-position: 0 -00px;}	/* Video */
#listcontent .item .cat3{background-position: 0 -25px;}	/* Audio */
#listcontent .item .cat4{background-position: 0 -75px;}	/* Text */
#listcontent .item .cat5{background-position: 0 -100px;}	/* Whishlist */

#listcontent .item .catprivat1{color:#b6b7b8 !important;background-position: 0 -175px;}
#listcontent .item .catprivat2{color:#b6b7b8 !important;background-position: 0 -125px;}
#listcontent .item .catprivat3{color:#b6b7b8 !important;background-position: 0 -150px;}
#listcontent .item .catprivat4{color:#b6b7b8 !important;background-position: 0 -200px;}
#listcontent .item .catprivat5{color:#b6b7b8 !important;background-position: 0 -225px;}


#listcontent .item .cat1:hover{background-position: 0 -300px;}
#listcontent .item .cat2:hover{background-position: 0 -250px;}
#listcontent .item .cat3:hover{background-position: 0 -275px;}
#listcontent .item .cat4:hover{background-position: 0 -325px;}
#listcontent .item .cat5:hover{background-position: 0 -350px;}


/*
#listcontent .item .catprivat1:hover{background-position: 0 -300px;}
#listcontent .item .catprivat2:hover{background-position: 0 -250px;}
#listcontent .item .catprivat3:hover{background-position: 0 -275px;}
#listcontent .item .catprivat4:hover{background-position: 0 -325px;}
#listcontent .item .catprivat5:hover{background-position: 0 -350px;}
*/

.privat,.privatPopup{
	display:none;
}


#EditorHead{
	display:block;
	margin: 0 0 20px 10px;
	overflow:hidden;
	width:740px;
}
#listdraft #EditorHead{
	margin: 0px 0 10px 0px;
	padding-top:20px;
}
#EditorHead a{
	background-color:white;
	display:block;
	float:left;
	padding: 2px 40px 2px 5px;
	text-decoration:none;
	border:1px solid #f3f3f3;
	color:#666666;
	margin-right:10px;
}
#EditorHead a:hover,
#EditorHead a.sel{
	color:red;
}


/*===== Table in Edit Content =====*/
.edit .tab .cell1{
	width:735px;
	border-right: 1px solid #d5d5d5;
}

.edit #EditorHead{
	margin: 10px 0 20px 10px;
	padding:0;
}

.edit .tab .cell1 .intro{
	margin-bottom:10px;
}

.edit .tab .cell1 .hed{
	position:relative;
	overflow:hidden;
	margin:20px 0 10px 0;
}
.edit .tab .cell1 .hed a{
	position:absolute;
	display:block;
	top:0;
	right:10px;
	background-color:gray;
	color:white;
	padding: 1px 5px;
}



/*===== List Drafts =====*/

#listdraft .drafts{
	margin:0 10px 20px 0;
}
#listdraft .drafts th{
	text-align:left;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	text-transform: uppercase;
	padding: 5px 10px;
}
#listdraft .drafts th.col1{
	padding: 5px 10px 5px 0;
}
#listdraft .drafts td{
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding: 5px 10px;
}
#listdraft .drafts .last{
	border-right-width: 0px;
}
#listdraft .drafts .row td{background-color:white;}
#listdraft .drafts .alt td{background-color:#f3f3f3;}

#listdraft .drafts th a{
	text-decoration:none;
	font-weight: bold !important;
}
#listdraft .deleted{
	color:#ff0033;
}


/*===== Display Content =====*/
#display{
	border-right:1px solid #E3E4E4;
	border-bottom:1px solid #E3E4E4;
	border-left:1px solid #E3E4E4;
	overflow:hidden;
	color:#7c7c7c;
}

#display td .in{
	margin:10px;
}


#display h4{
	padding: 2px 10px;
	background-color:#fe0000;
	color:white;
}
#display .nda .cell2{border-right: 1px solid #fe0000;}
#display .nda .cell1{border-left: 1px solid #fe0000;}
#display .nda .cell4{
	border-right: 1px solid #fe0000;
	border-bottom: 1px solid #fe0000;
	border-left: 1px solid #fe0000;
}

#display .cell1{
	border-right:1px solid #E3E4E4;
	border-bottom:1px solid #E3E4E4;
	width:590px;
}
#display .cell2{
	border-right:1px solid #E3E4E4;
	border-bottom:1px solid #E3E4E4;
	width:160px;
}
#display .cell4{
	border-right:1px solid #E3E4E4;
	border-bottom:1px solid #E3E4E4;
}
#display .cell5{
	border-right:1px solid #E3E4E4;
}

#display #EditorHead{
	margin:10px 0 10px 10px;
}

/*== Cell 1 : Content ==*/
#display .cell1 .arrow{
	height:14px;
	display:block;
	margin-bottom:11px;
}
#display .cell1 h1{
	font-size:14px;
	margin: 5px 0 10px 0;
	color:#424242;
}
#display .cell1 .time{
	font-size:11px;
	height:12px;
	overflow:hidden;
}
#display .cell1 .body{
	font-size:12px;
}
#display .cell1 .body br{
	display:block;
	margin-bottom:5px;
}


#display .cell1 .body table{
	border-width:1px;
	border-color:#e7e7e7;
	border-collapse: collapse;
}
#display .cell1 .body table th,
#display .cell1 .body table td{
	border-width:1px;
	border-color:#6f6f6f;
}



/* hide <ul><br> */
#display .cell1 .body ul br{display:none}
/* show <ul><li><br> */
#display .cell1 .body ul li br{display:inline;}


/* hide <ul><br> */
#display .cell1 .body ol br{display:none}
/* show <ul><li><br> */
#display .cell1 .body ol li br{display:inline;}




#display .cell1 .body ul{
	padding:2px 0 2px 0px;
	margin-left:20px;
	list-style-position: inside;
	list-style-type: disc;
	display:block;
}
#display .cell1 .body li{
	margin: 2px 0;
}

#display .cell1 .body ul ul{
	list-style-position:outside;
	margin-left:30px;
}



#display .cell1 img{
	display:block;
	float:left;
	border:1px solid #e5e5e5;
	margin: 0 10px 10px 0;
}
#display .cell1 .bodyred{
	xcolor:#fe0000;
}
#display .cell1 .bodyred h2{
	margin-bottom:10px;
}


/*== Cell 2 : Attachments ==*/
#display .cell2{
	width:145px;
}
#display .cell2 h2{
	border-bottom:1px solid #e5e5e5;
	line-height:24px;
	height:24px;
	text-indent:10px;
}
#display .cell2 .item{
	padding: 10px;
	font-size:11px;
	cursor:pointer;
	color:#6f6f6f;
}
#display .cell2 .hover{
	background-color:#e0e0e0;
}
#display .cell2 .hoverP{
	background-color:white;
}
#display .cell2 .item img{
	display:block;
	margin-right:10px;
	width:31px;
	height:27px;
}
#display .cell2 .itempre img{	/* with Preview Icon */
	margin-right:5px;
	width:43px;
	height:36px;
	border:1px solid #e5e5e5;
}
#display .cell2 .btnedit{
	margin: 10px 5px 10px 100px;
}

#display .cell2 .privat .item{
	color:#bdbebf;
}





#display #attach .blockxs .head{
	background-image:url(/images/bg_cat.gif);
	text-indent:30px;
	line-height:25px;
	height:25px;
	cursor:pointer;
	font-weight:bold;
}


#display .cell2 .item{border-bottom:1px solid #e5e5e5;}
/*
#display .cell2 .item{border-top:1px solid #e5e5e5;}
#display #attach .blockxs .cat2{border-top:1px solid #E5E5E5;}
#display #attach .blockxs .cat3{border-top:1px solid #E5E5E5;}
#display #attach .blockxs .cat4{border-top:1px solid #E5E5E5;}
*/



#display #attach .cat1{background-position: 0 -50px;}	/* Images */
#display #attach .cat2{background-position: 0 -00px;}	/* Video */
#display #attach .cat3{background-position: 0 -25px;}	/* Audio */
#display #attach .cat4{background-position: 0 -75px;}	/* Text */

#display #attach .hover .cat1{color:red;background-position: 0 -300px;}	/* Images */
#display #attach .hover .cat2{color:red;background-position: 0 -250px;}	/* Video */
#display #attach .hover .cat3{color:red;background-position: 0 -275px;}	/* Audio */
#display #attach .hover .cat4{color:red;background-position: 0 -325px;}	/* Text */

#display #attach .blockselect .cat1{color:red;background-position: 0 -425px;}	/* Images */
#display #attach .blockselect .cat2{color:red;background-position: 0 -375px;}	/* Video */
#display #attach .blockselect .cat3{color:red;background-position: 0 -400px;}	/* Audio */
#display #attach .blockselect .cat4{color:red;background-position: 0 -450px;}	/* Text */

#display #attach .privat{
	display:block;
}


/*== Cell 4 : Related ==*/
#display .cell4 li{
	list-style: none;
}
#display .cell4 h2{
	text-transform: uppercase;
	margin-bottom:10px;
	font-weight:bold;
}
#display .cell4 li a.arrow{
	font-size:12px;
}
/*== Cell 5 : Packages ==*/
#display .cell5 li{
	list-style: none;
}
#display .cell5 h2{
	text-transform: uppercase;
	margin-bottom:10px;
	font-weight:bold;
}
#display .cell5 li a.arrow{
	font-size:12px;
}
#display .privat{
	display:block;
}




/*===== Preview =====*/
#preview .prev{
	background-color:#f3f3f3;
}
#preview .actions{
	background-color:#f3f3f3;
	display:block;
	padding: 10px;
	overflow:hidden;
}




/*===== Edit Content =====*/
.edit .pnlNDA{
	margin-left:160px;
}
.edit #Cats{
	margin: 20px 0 20px 160px;
}
.edit #Cats td table{
	display:none;
}

.edit .working{
	display:block;
	border:1px solid #7c7c7c;
	background-color:#ffffaa;
	padding: 2px 5px;
	position:absolute;
	top:10px;
	left:170px;
	display:block;
}
.edit .gvAttach td{padding-right:10px;}
.edit .gvAttach td td{padding-right:0px;}
.edit .gvAttach .hover{background-color:#e3e4e4;}
.edit .gvAttach label{
	padding-right:10px;
}

.mcePlaceHolder{
	margin-left:160px !important;
}
/*===== File Upload =====*/
#FileUpload{
	width:400px;
	padding: 20px;
	color:#7c7c7c;
}
#FileUpload .publish{
	display:block;
	margin: 10px 0;
}
#FileUpload .rem{
	font-size:90%;
	margin-top:10px;
}
#FileUpload .close{
	position:absolute;
	top:0px;
	right:0px;
	padding: 2px 5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-decoration:none;
	display:block;
}

#FileUpload .working{
	display:block;
	border:1px solid #7c7c7c;
	background-color:#ffffaa;
	padding: 2px 5px;
	position:absolute;
	top:10px;
	left:170px;
	display:block;
}

#FileUpload .allowed{
	margin: 10px 0;
}



/*===== User List ======*/

#listusers .gv{
	margin:20px 10px 20px 0;
}
#listusers .gv th{
	text-align:left;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	text-transform:uppercase;
	padding: 5px;
	font-size:80%;
}
#listusers .gv th.col1{
	padding: 5px 5px 5px 0;
}
#listusers .gv td{
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding: 5px;
}
#listusers .gv .last{
	border-right-width: 0px;
}
#listusers .gv .row td{background-color:white;}
#listusers .gv .alt td{background-color:#f3f3f3;}

#listusers .gv th a{
	text-decoration:none;
	font-weight: bold !important;
}

.waiter{
	position:absolute;
	top:300px;
	left:350px;
	border:2px solid #7c7c7c;
	background-color:white;
	padding: 10px 20px;
	color:black;
}







#listusers .gv .rbl{
	white-space: nowrap;
}
#listusers .gv .rbl input{
	xfloat:left;
}

#listusers .gv .cbl{
	white-space: nowrap;
}
#listusers .gv .cbl input{
	float:left;
}





#TB_title{
	display:none;
}

/*===== Delete Document =====*/
#DeleteContent{
	display:block;
	width:290px;
	height:190px;
	margin:10px;
}
#DeleteContent .close{
	position:absolute;
	top:0px;
	right:0px;
	padding: 2px 5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-decoration:none;
	display:block;
}
#DeleteContent h4{
	font-weight:normal;
	margin: 5px 0;
}
#DeleteContent .tbx{
	width:290px;
	margin: 0 0 5px 0;
}

/*===== Related Documents =====*/
#RelatedDocuments{
	display:block;
	xwidth:490px;
	xheight:440px;
	xmargin: 10px;
	position:absolute;
}
#RelatedDocuments .close{
	position:absolute;
	top:0px;
	right:0px;
	padding: 2px 5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-decoration:none;
	display:block;
}
#RelatedDocuments  h3{
	margin-bottom:5px;
}
#RelatedDocuments form{
	display:block;
	margin:10px;
}

#RelatedDocuments .result{
	display:block;
	width:480px;
	height:300px;
	overflow-y:auto;
	border:1px solid #d5d5d5;
	background-color:#e7e7e7;
	padding: 2px;
	margin: 10px 0;
}


/*===== Text Edit =====*/

#text .filter th,#text .filter td{
	padding-right:20px;
}
#text h1{
	margin-top:10px;
}
#text #source{
	height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #7c7c7c;
	background-color:white;
}
#text #source table{
	margin: 2px;
}
#text #source td{
	vertical-align: top;
	width:100%;
}

#text #source .alt{
	background-color:#ffffaa;
}

#text #source .hover{
	background-color:#ffe7e8;
}
#text #source a{
	text-decoration:none;
	display:block;
	padding: 2px;
	text-indent:5px;
	width:100%;
}

#text #trans{
	position:relative;
}
#text #trans textarea{
	font-size: 12px;
}
#text #trans .btn{
	margin: 10px 0;
}

#text #UpdateStatus{
	position:absolute;
	top:50px;
	left:50px;
	border:2px solid yellow;
	padding: 5px 10px;
	background-color:#ffffaa;
	display:none;
}



/*===== Recover Pwd ======*/
.recover .welcome{
	width:730px;
}
.recover .lab{
	width:100px;
}
.recover .tbx{
	float:left;
	margin-right:10px;
	width:250px;
}
.recover .remark{
	padding-top:3px;
}



/*===== Login =====*/
#login .row p{
	display:block;
	width:730px;
}


/*===== Static Text =====*/
#statictext{
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
}
#statictext .inner{
	margin: 0 10px;
	padding: 20px 0;
	display:block;
	width:600px;
	margin-bottom:100px;
}
#statictext h1{
	font-size:14px;
	color:#7c7c7c;
	margin-bottom:10px;
}


/*===== Popup (Thickbox, NDA/TandC) =====*/
#popup .categories {
	display:none;
}

#popup{
	background-image:url(/Images/bg_content.jpg) !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-color:transparent !important;
}
#popup form{
	display:block;
	height:470px;
	margin-top:30px;
}
#popup #statictext{
	display:block;
	overflow-y:auto;
	height:400px;
	background-image:none;
	border-width:0px;
	color:#7C7C7C;
}
#popup #statictext .inner{
	width:auto;
	margin-bottom:0;
	padding: 10px 0;
}

#popup .close{
	position:absolute;
	top:0px;
	right:0px;
	padding: 2px 5px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-decoration:none;
	display:block;
}



/*  Contact, T&C, NDA, Imprint  */

#statictext {
   background:transparent url(/Images/bg_content.jpg) no-repeat right bottom;
}
#statictext .inner {
  display:block;
  margin-left:10px;
  margin-right:10px;
  margin-top:0pt;
  padding:20px 0pt 100px;
  width:600px;
}
#statictext .inner h1 {
  color:#7C7C7C;
  font-size:14px;
  margin-bottom:10px;
}
#statictext .inner p.center {
  text-align:center;
}
#statictext .inner p, .inner h2 {
  margin-bottom:15px;
}
#statictext .inner h3 {
  margin:10px 0pt 5px;
}

/*  contact  */

#statictext .inner .contactTable {
   margin-bottom:100px;
}
#statictext .inner .contactTable .leftTd {
   width:105px;
}
#statictext .inner .contactTable .boldTd {
   font-weight:bold;
}

/*  NDA  */

#statictext .inner .ndaList {
	margin-left: 30px; 
  font-weight: bold;
}
#statictext .inner .ndaList LI {
  margin-bottom:10px;
}
#statictext .inner .ndaList LI P {
  font-weight:normal;
}
#statictext .inner .ndaList OL {
  list-style-type:lower-roman;
  margin:10px 10px 10px 35px;
  font-weight:normal;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
   font-family:Arial,Helvetica,sans-serif,Verdana;
	font-size:12px;
	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=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

* 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: 0px solid #525252;
	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;
	display:none;
}

#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;
}


/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: white;
  border:1px solid #dddddd;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: white;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
  text-decoration:none;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}




/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}



/*===== ToolTip/Alert on List Page =====*/
.cluetip-default #cluetip-outer {
	background-color:white;
	color:#7a7b7d;
	font-size:12px;
}
.cluetip-default #cluetip-inner {
	padding:20px 0 20px 20px;
}
.cluetip-default #cluetip-inner div{
	padding-right:20px;
}
.cluetip-default div#cluetip-close { 
	padding-right:0px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	position:absolute;
	top:0px;
	right:0px;
	display:block;
}
.cluetip-default div#cluetip-close a{
	text-decoration:none;
	width:16px;
	height:14px;
	line-height:14px;
	text-align:center;
	display:block;
}

.cluetip-default #cluetip-inner .arrow{
	font-size:12px;
	font-weight:bold;
}
.cluetip-default #cluetip-inner .arrow:hover{
	color:#ff0000;
}



table.jCalendar {
	border: 0px solid #000;
    border-collapse: separate;
    border-spacing: 3px;
	 background-color:#dddddd;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


/*==== PressPortal =====*/
.ndaend{
	display:block;
	margin-bottom:10px;
}
.dp-choose-date{
	display:none;
}
.dp-applied{
	width:70px;
	background-color:transparent;
	border:1px solid #7c7c7c;
	text-align:center;
}
.dp-popup{
	border:1px solid #7c7c7c;
}

.dp-nav-prev-year,
.dp-nav-next-year{
	display:none;
}