/* --- framework styles --- */
body {
	padding: 144px 0 0 0;
	margin: 0;
	background: #fff url(../skins/images/body_bg.gif) repeat-y;
	font-family: arial, "sans serif";
}


#header { 
overflow: hidden; 
width: 100%; 
height: 144px; 
position: fixed; 
left: 0;
top: 0;
z-index: 1000;
}

#wrapper {
	width: 1034px;
	margin-right: auto;
}


#boxBody {
	width: 846px;
	float: left;
}

#middle {
	width: 612px;
	float: right;
}

#left {
	width:234px;
	float: left;
	
/*	position: absolute;
	top: 0;
	left: 0;
	width: 144px;
	z-index: 1;
	xfloat: left;
	xborder: 1px solid red;*/
}

#right {
	width:188px;
	float: right;
/*	position: absolute;
	top: 144px;
	left: 756px;
	z-index: 200;
	border: 1px solid red;*/
}



#left #context {
	padding: 1px 0 40px 0;
	font-size: 11px;
	font-weight: normal;
}


/* --- BREADCRUMBS --- */

/* -- levels INACTIVE -- */
#left #context #breadCrumbs .firstLevelInactive {
	font-weight: normal;
	padding: 1px;
	margin-bottom: 1px;
	position: relative;
}
#left #context #breadCrumbs .secondLevelInactive {
	padding: 1px 1px 1px 12px;
	margin-bottom: 1px;
}
#left #context #breadCrumbs .thirdLevelInactive {
	padding: 1px 1px 1px 24px;
	margin-bottom: 1px;
}


/* -- levels ACTIVE -- */
#left #context #breadCrumbs .firstLevelActive {
	background: #666;
	padding: 1px;
	margin-bottom: 1px;
	position: relative;
}
#left #context #breadCrumbs .secondLevelActive {
	background: #666;
	padding: 1px 1px 1px 12px;
	margin-bottom: 1px;
}
#left #context #breadCrumbs .thirdLevelActive {
	background: #666;
	padding: 1px 1px 1px 24px;
	margin-bottom: 1px;
}



/* -- levels links INACTIVE -- */
#left #context #breadCrumbs .firstLevelInactive a, #left #context #breadCrumbs .secondLevelInactive a, #left #context #breadCrumbs .thirdLevelInactive a, #left #context #breadCrumbs .fourthLevelInactive a {
	padding: 0 0 0 12px;
	color: #000;
	text-decoration: none;
}
#left #context #breadCrumbs .firstLevelInactive a:hover, #left #context #breadCrumbs .secondLevelInactive a:hover, #left #context #breadCrumbs .thirdLevelInactive a:hover, #left #context #breadCrumbs .fourthLevelInactive a:hover {
	text-decoration: underline;
}


/* inactive and expanded */


#left #context #breadCrumbs .firstLevelInactive .expanded, #left #context #breadCrumbs .secondLevelInactive .expanded, #left #context #breadCrumbs .thirdLevelInactive .expanded {
	background: transparent url(../skins/images/pfeil_unten.gif) no-repeat;
	padding: 0 0 0 12px;
}

#left #context #breadCrumbs .firstLevelInactive .expanded a, #left #context #breadCrumbs .secondLevelInactive .expanded a, #left #context #breadCrumbs .thirdLevelInactive .expanded a, #left #context #breadCrumbs .fourthLevelInactive .expanded a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 0;
}
#left #context #breadCrumbs .firstLevelInactive .expanded a:hover, #left #context #breadCrumbs .secondLevelInactive .expanded a:hover, #left #context #breadCrumbs .thirdLevelInactive .expanded a:hover, #left #context #breadCrumbs .fourthLevelInactive .expanded a:hover {
	text-decoration: underline;
}


/* active and collapsed */

#left #context #breadCrumbs .firstLevelActive .collapsed, #left #context #breadCrumbs .secondLevelActive .collapsed, #left #context #breadCrumbs .thirdLevelActive .collapsed {
	background: transparent url(../skins/images/pfeil_or.gif) no-repeat;
	padding: 0 0 0 12px;
}
#left #context #breadCrumbs .firstLevelActive .collapsed a, #left #context #breadCrumbs .secondLevelActive .collapsed a, #left #context #breadCrumbs .thirdLevelActive .collapsed a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0;
}
#left #context #breadCrumbs .firstLevelActive .collapsed a:hover, #left #context #breadCrumbs .secondLevelActive .collapsed a:hover, #left #context #breadCrumbs .thirdLevelActive .collapsed a:hover {
	text-decoration: underline;
}


/* inactive and collapsed */

#left #context #breadCrumbs .firstLevelInactive .collapsed, #left #context #breadCrumbs .secondLevelInactive .collapsed, #left #context #breadCrumbs .thirdLevelInactive .collapsed, #left #context #breadCrumbs .fourthLevelInactive .collapsed {
	background: transparent url(../skins/images/pfeil_or.gif) no-repeat;
	padding: 0 0 0 12px;
}
#left #context #breadCrumbs .firstLevelInactive .collapsed a, #left #context #breadCrumbs .secondLevelInactive .collapsed a, #left #context #breadCrumbs .thirdLevelInactive .collapsed a, #left #context #breadCrumbs .fourthLevelInactive .collapsed a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0;
}
#left #context #breadCrumbs .firstLevelInactive .collapsed a:hover, #left #context #breadCrumbs .secondLevelInactive .collapsed a:hover, #left #context #breadCrumbs .thirdLevelInactive .collapsed a:hover, #left #context #breadCrumbs .fourthLevelInactive .collapsed a:hover {
	text-decoration: underline;
}


/* active and selected */

#left #context #breadCrumbs .firstLevelActive .active, #left #context #breadCrumbs .secondLevelActive .active, #left #context #breadCrumbs .thirdLevelActive .active, #left #context #breadCrumbs .fourthLevelActive .active {
	background: transparent url(../skins/images/pfeil_g.gif) no-repeat;
	padding: 0 0 0 12px;
}
#left #context #breadCrumbs .firstLevelActive .active a, #left #context #breadCrumbs .secondLevelActive .active a, #left #context #breadCrumbs .thirdLevelActive .active a, #left #context #breadCrumbs .fourthLevelActive .active a {
	font-weight: bold;
	color: #9f3;
	text-decoration: none;
	display: block;
	padding: 0;
}
#left #context #breadCrumbs .firstLevelActive .active a:hover, #left #context #breadCrumbs .secondLevelActive .active a:hover, #left #context #breadCrumbs .thirdLevelActive .active a:hover {
	text-decoration: underline;
}

/* --- /BREADCRUMBS --- */


/*

#left #context #breadCrumbs .secondLevelActive a, #left #context #breadCrumbs .thirdLevelActive a {
	background: transparent url(../skins/images/punkt_g.gif) no-repeat;
	padding: 0 0 0 12px;
	color: #ccc;
}
*/






/*#middle {

	xwidth: 612px;
	margin-left: 144px;
	margin-right: 188px;
	xfloat: left;
	xoverflow: auto;
}*/

#middle #content {
	padding: 9px;
}



#right #context {
	padding: 6px 6px 40px 6px;
}

#footer {
	clear: both;
	width: 593px;
	margin: 0 auto;
	font-size: 11px;
}

#footer a.footer img {
	margin-right: 3px;
}

#footer #context {
	font-size: 10px;
	border-top: 1px solid #ccc;
	padding-top: 9px;
	margin-top: 2px;
	color: #999;
}

#footer a.footer, #footer #context a, #footer a.footer:visited, #footer #context a:visited {
	color: #999;
	text-decoration: none;
}

#footer a.footer:hover, #footer #context a:hover {
	color: #999;
	text-decoration: underline;
}

/* --- /framework styles --- */

/* --- framework default styles --- */

#middle #content .printButton {
	display: none;
}

#middle a, #middle a:visited, #right a, right a:visited {
	color: #039;
	text-decoration: none;
}

#middle a:hover, right a:hover {
	color: #039;
	text-decoration: underline;
}

#middle #content .bold, #left #context .bold, #right #context .bold {
	font-weight: bold;	
}

input, select {
	font-size: 11px;
}

select.comboBox {
	width: 100%;
}


#middle #content h1.printHeader {
	display: none;
}

/* --- /framework default styles --- */


/* --- framework middle styles --- */
#middle #content h1 {
	font: normal 19px arial, "sans serif";
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	color: #003399;
}

#middle #content h2 {
	font: bold 12px arial, "sans serif";
	margin: 0;
	padding: 0;
	padding-bottom: 9px;
	color: #003399;
}

#middle #content h3 {
	font: normal 11px arial, "sans serif";
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
}

#middle #content ul {
	list-style-type: disc;
	list-style-image: url(../skins/images/list_icon.gif);
	}

#middle #content ul li {
}

#middle #content .marginBottom {
	margin-bottom: 12px;
}


/* ---- Horst ****** muss noch cascadiert werden ---- */
#middle #content div.rankContainer {position: relative;}
#middle #content div.offline {display: none;}
#middle #content div.online {position:absolute;top:0px;left:-1px;}
#middle #content div.expert {position:absolute;top:4px;left:18px;}
/* ----  /Horst ****** muss noch cascadiert werden ---- */
	
/* --- twoColumnTable --- */
#middle #content table.twoColumn
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	border: none;
}

#middle #content table.twoColumn tr td {
	vertical-align: top;
}

#middle #content table.twoColumn tr td.left {
	vertical-align: top;
	width: 50%;
	padding-right: 6px;
}

#middle #content table.twoColumn tr td.left33 {
	vertical-align: top;
	width: 33%;
	padding-right: 6px;
}

#middle #content table.twoColumn tr td.left66 {
	vertical-align: top;
	width: 66%;
	padding-right: 6px;
}

#middle #content table.twoColumn tr td.right {
	vertical-align: top;
	width: 50%;
	padding-left: 6px;
}
#middle #content table.twoColumn tr td.right66 {
	vertical-align: top;
	width: 66%;
	padding-left: 6px;
}

#middle #content table.twoColumn tr td.right33 {
	vertical-align: top;
	width: 33%;
	padding-left: 6px;
}
/* --- /twoColumnTable --- */



/* --- gridTable --- */
#middle #content table.grid {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	margin-bottom: 12px;
	table-layout: auto;
}


#middle #content table.grid tr th {
	background: #039;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border-left: 1px solid #fff;
	white-space: nowrap;
	
}

#middle #content table.grid tr th.left {
	background: #039;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border-left: 1px solid #fff;
	text-align: left;
	white-space: nowrap;
}

#middle #content table.grid tr th.right {
	background: #039;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border-left: 1px solid #fff;
	text-align: right;
	white-space: nowrap;
}

#middle #content table.grid tr th.first {
	background: #039;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border-left: 1px solid #039;
	white-space: nowrap;
}

#middle #content table.grid tr.gridHead th, #middle #content table.form tr.gridHead th  {
	background: #ccc;
	color: #000;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border: 1px solid #fff;
	border-top: none;
	white-space: nowrap;
	text-align: center;
}

#middle #content table.grid tr.gridHead th img.expandCollapseIcon, #middle #content table.grid tr td img.expandCollapseIcon  {
	cursor: pointer;
}

#middle #content table.grid tr.gridHead th .sortCol, #middle #content table.form tr.gridHead th .sortCol  {
	width: 100%;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: underline;
}

#middle #content table.grid tr.gridHead th .sortCol .sortImage, #middle #content table.form tr.gridHead th .sortCol .sortimage  {
	margin-left: 2px;
}


#middle #content table.grid tr td.gridHead  {
	background: #ccc;
	color: #000;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border: 1px solid #fff;
	border-left-color: #ccc;
	white-space: nowrap;
	text-align: center;
}

#middle #content table.grid tr.gridHead th.first, #middle #content table.form tr.gridHead th.first {
	border-left-color: #ccc;
	border-top: none;
	text-align: left;
}

#middle #content table.form tr.gridHead th.left img.trafficlight, #middle #content table.grid tr.gridHead th img.trafficlight {
	width: 10px;
	height: 10px;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
}

#middle #content table.grid tr.gridHead th.last, #middle #content table.form tr.gridHead th.last {
	border-right-color: #ccc;
	border-top: none;
}

#middle #content table.grid tr.gridHead th.left, #middle #content table.form tr.gridHead th.left {
	border-top: none;
	text-align: left;
}

#middle #content table.grid tr.gridHead th.right, #middle #content table.form tr.gridHead th.right {
	border-top: none;
	text-align: right;
}

#middle #content table.grid tr.gridHead th.centered, #middle #content table.form tr.gridHead th.centered {
	text-align: center;
}

#middle #content .sortHead {
	background: #ccc;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ccc;
	padding: 1px 1px;
	margin-left:-1px;
	font-size: 11px;
}


#middle #content table.grid tr.conference td {
	background: #f5f5f5;	
}

#middle #content table.grid tr.conference td.first {
	text-align: center;
	border-left: 3px solid #039;
}

#middle #content table.grid tr.subconference td {
}


#middle #content table.grid tr.subconference td.first {
	text-align: center;
	border-left: 3px solid #ccc;
}


#middle #content table.grid tr.closedconference td {
	background: #99ccff;	/*#DDE6F0*/
}

#middle #content table.grid tr.closedconference td.first {
	text-align: center;
	border-left: 3px solid #039;
}

#middle #content table.grid tr.closedsubconference td {
}


#middle #content table.grid tr.closedsubconference td.first {
	text-align: center;
	border-left: 3px solid #ccc;
}


#middle #content table.grid tr td.subTitle  {
	color: #000;
	background-color: #ccc;
	font: normal 11px arial, "sans serif";
	font-weight:bold;
	padding: 2px 4px;
	border: 1px solid #ccc;
	text-align: left;
}

#middle #content table.grid tr td.label {
	color: #000;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	border: 1px solid #ccc;
	text-align: right;
	background: #f5f5f5;
	width: 120px;
}


#middle #content table.grid tr td {
	color: #000;
	font: normal 11px arial, "sans serif";
	padding: 2px 4px;
	border: 1px solid #ccc;
	text-align: left;
}

#middle #content table.grid tr td.bold {
    font-weight: bold;
}

#middle #content table.grid tr td.centered {
    text-align: center;
}

#middle #content table.grid tr td.right {
    text-align:right;
}

#middle #content table.grid tr.summary td {
	border-top: 2px solid #000;
	font-weight: bold;
}



#middle #content table.grid tr.alternating td {
	color: #000;
	font: normal 11px arial, "sans serif";
	padding:  2px 4px;
	border: 1px solid #ccc;
	background: #f5f5f5;
}

#middle #content table.grid tr td .small,
#middle #content table.grid tr td.small,
#middle #content .small {
	font-size: 11px;
}

#middle #content table.grid tr.footer td {
	font-weight: bold;
	border-top-width: 3px;
}


#middle #content table.grid td.trafficlight {
	text-align: center;
}

#middle #content table.grid td.trafficlight img,
#middle #content img.trafficlight {
	width: 10px;
	height: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#middle #content img.trafficlight {
	margin-top:3px;
	float: left;
}

#middle #content table.grid td.moveRow {
	text-align: center;
}

#middle #content table.grid td.moveRow div {
	text-align: center;
	padding: 3px;
}

#middle #content table.grid td.moveRow img {
	border: none;
}

#middle #content table.grid td .floatLeft {
	float: left;
}

#middle #content table.grid td .floatRight {
	float: right;
}


/* --- /gridTable --- */

/* --- formTable --- */


#middle #content table.form {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-top: 1px;
	width: 100%;
	margin-bottom: 12px;
	border: none;
}


#middle #content table.form tr td.subTitle  {
	color: #000;
	background-color: #cccccc;
	font: normal 11px arial, "sans serif";
	font-weight:bold;
	padding: 2px 6px;
	border: 1px solid #ccc;
	text-align: left;
}

#middle #content table.form tr td.label {
	color: #000;
	font: bold 11px arial, "sans serif";
	padding: 3px 6px;
	padding-top: 5px;
	border: 1px solid #ccc;
	border-right: none;
	text-align: right;
	background: #f5f5f5;
	width: 25%;
	/*white-space: nowrap;*/
	vertical-align: top;
}

#middle #content table.form tr td.value {
	color: #000;
	font: normal 11px arial, "sans serif";
	padding: 3px 6px;
	border: none 0px white;
	border: 1px solid #ccc;
	border-left: none;
	border-left:none;
	width: 75%;
}

#middle #content table.form tr td.value .memberStatus img {
	border: none;
}

#middle #content table.form tr td.value .memberStatus a {
	cursor: pointer;
}

#middle #content table.form tr td.value input.validate {
	border: 1px solid #f00;
}

#middle #content table.form tr td.value input.formWidth {
	width: 140px;
}

#middle #content table.form tr td.value .fixedWidthCombo {
	width: 100%;
}

#middle #content table.form tr td.value textarea {
	font: normal 11px arial, "sans serif";
	width: 97%;
}

#middle #content table.form tr td.value div.overflow {
	overflow:auto;
}

#middle #content table.form tr td.check {
	color: #000;
	font: bold 12px arial, "sans serif";
	padding: 3px 6px;
	border: 1px solid #ccc;
	text-align: right;
	background: #f5f5f5;
	white-space: nowrap;
}

#middle #content table.form tr td.toolbar {
	color: #000;
	font: bold 12px arial, "sans serif";
	padding: 6px 0;
}

#middle #content table.form tr td.error {
	color: #f00;
	font: normal 12px arial, "sans serif";
	padding: 3px;
	padding-bottom: 0;
}

#middle #content table.form tr td a.userOnline, #middle #content table.grid tr td a.userOnline, #middle #content .line a.userOnline {
	padding-left: 15px;
	background: transparent url(../skins/images/user_IsOnline.gif) no-repeat 0 1px;
}

#middle #content table.form tr td a.userOffline, #middle #content table.grid tr td a.userOffline, #middle #content .line a.userOffline {
	padding-left: 15px;
	background: transparent url(../skins/images/user_IsOffline.gif) no-repeat 0 1px;
}


div.error {
	color: #f00;
	font: normal 12px arial, "sans serif";
	padding: 3px;
	padding-bottom: 0;
}

#middle #content table.form tr td.toolbar input, #middle #content .button, #middle #content table.grid td.listEdit input, #right #context .button {
	background: #666;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	text-align: center;
	font: normal 11px arial, "sans serif";
	color: #fff;
	padding: 2px 0 0 0;
	cursor: default;
}

 #middle #content table.grid td.listEdit input.monitorButton {
	background: #666;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	text-align: center;
	font: normal 11px arial, "sans serif";
	color: #fff;
	padding: 2px 0 0 0;
	cursor: default;
	width: 75px;
}


#middle #content table.smileTable {
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}

#middle #content table.smileTable tr td {
	text-align: center;
	height:24px;
	padding: 3px;
}

#middle #content table.smileTable tr td img {
	cursor: pointer;
}


#right #context a.userButton, #middle #content a.userButton {
	background: #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	text-align: center;
	font: normal 11px arial, "sans serif";
	color: #333;
	padding: 2px 6px !important;
	line-height: 170%;
	cursor: default;
}

#right #context a.userButtonDown, #middle #content a.userButtonDown {
	background: #ccc;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	text-align: center;
	font: normal 11px arial, "sans serif";
	color: #333;
	padding: 2px 5px 2px 7px !important;
	text-decoration: none;
	line-height: 170%;
	cursor: default;
}

#right #context a.userButton:hover, #middle #content a.userButton:hover {
	text-decoration: none;
}

#right #context a.button, #middle #content a.button {
	background: #666;
	border-top: 1px solid #ccc;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #ccc;
	text-align: center;
	font: normal 11px arial, "sans serif";
	color: #fff;
	padding: 2px 6px !important;
}

#right #context a.buttonDown, #middle #content a.buttonDown {
	background: #666;
	border-top: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #333;
	text-align: center;
	font: normal 11px arial, "sans serif";
	color: #fff;
	padding: 2px 5px 2px 7px;
	text-decoration: none;
}



#right #context a.button {
	margin-top: 12px;
}

#middle #content a.button:hover {
	text-decoration: none;
}

#middle #content table.grid td.listEditHightlight input {
	background: #CC0000;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	text-align: center;
	font: normal 11px arial, "sans serif";
	letter-spacing: 1px;
	color: #fff;
	padding: 2px 0 0 0;
}

#middle #content table.form #alphaPicker a {
	border: 1px solid #ccc;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}


/* --- /formTable --- */

/* --- postAndPagerTable --- */
#middle #content table.postAndPager {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	margin-bottom: 12px;
}

#middle #content table.postAndPager tr td.post {
	color: #000;
	font: normal 12px arial, "sans serif";
	padding: 3px 0;
	text-align: left;
	white-space: nowrap;
}

#middle #content table.postAndPager tr td.pager {
	color: #000;
	font: normal 12px arial, "sans serif";
	padding: 3px 3px 3px 0;
	text-align: right;
	width: 100%;
}

#middle #content table.postAndPager tr td.pager .columnText {
	font: bold 11px arial, "sans serif";
	color: #666;	
	float: right;
	padding-left: 9px;
	padding-top: 3px;
}

#middle #content table.postAndPager tr td.pager .pager {
	float: right;
	padding-left: 9px;
	border-right: 1px solid #ccc;
}

#middle #content table.postAndPager tr td.pager .pager a.pagerPage, #middle #content table.postAndPager tr td.pager .pager a.pagerPageNext, #middle #content table.postAndPager tr td.pager .pager a.pagerPageLast, #middle #content table.postAndPager tr td.pager .pager a.pagerPageFirst, #middle #content table.postAndPager tr td.pager .pager a.pagerPagePrevious {
	font-size: 11px;
	line-height: 140%;
	font-weight: bold;
	display: block;
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: #fff;
	color: #039;
	text-align: center;
}

#middle #content table.postAndPager tr td.pager .pager a.pagerPage {
	width: auto;
	padding: 0 2px;
	min-width: 12px;
}

#middle #content table.postAndPager tr td.pager .pager a.pagerPage:hover, #middle #content table.postAndPager tr td.pager .pager a.pagerPageNext:hover, #middle #content table.postAndPager tr td.pager .pager a.pagerPageLast:hover, #middle #content table.postAndPager tr td.pager .pager a.pagerPageFirst:hover, #middle #content table.postAndPager tr td.pager .pager a.pagerPagePrevious:hover {
	text-decoration: none;
	background: #ccc;
	color: #fff;
}

#middle #content table.postAndPager tr td.pager .pager a.pagerPageSelected {
	font-size: 11px;
	line-height: 140%;
	font-weight: bold;
	display: block;
	float: left;
	border: 1px solid #ccc;
	width: auto;
	min-width: 12px;
	height: 16px;
	background: #ccc;
	color: #000;
	text-align: center;
	padding: 0 2px;
}

#middle #content table.postAndPager tr td.pager .pager a.pagerPageFirst, 
#middle #content table.postAndPager tr td.pager .pager a.pagerPagePrevious, 
#middle #content table.postAndPager tr td.pager .pager a.pagerPageNext,
#middle #content table.postAndPager tr td.pager .pager a.pagerPageLast  {
	line-height: 120%;
}


#middle #content table.postAndPager tr td.pager .pager a.pagerPageSelected:hover {
	text-decoration: none;
}

/* --- postAndPagerTable --- */

/* --- detailTable --- */
#middle #content .postHead {
	background: #ccc;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
	margin-left: -1px;
}

#middle #content .expertPostHead {
	background: #666;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
	margin-left: -1px;
}

#middle #content table.detail {
   table-layout: auto;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	margin-bottom: 12px;
}

#middle #content table.detail tr th {
   text-align:left;
	background: #039;
	color: #fff;
	font: bold 12px arial, "sans serif";
	padding: 2px 6px;
	border-left: 1px solid #039;
}

#middle #content table.detail tr td {
   vertical-align: top;
	border: 1px solid #ccc;
	padding: 6px;
}

#middle #content table.detail tr td.userInfo {
	background: #f5f5f5;
	font-size: 11px;
}

#middle #content table.detail tr td.userInfo span.inlineLink {
	cursor: hand;
}

#middle #content table.detail tr td.userInfo .userName {
	padding: 0 0 6px 0;
	font-weight: bold;
}

#middle #content table.detail tr td.userInfo .userAttribute {
	padding: 0 0 3px 0;
}

#middle #content table.detail tr td.userInfo .memberStatus {
	padding: 0 0 6px 0;
	margin-left: -2px;
}

#middle #content table.detail tr td.userInfo .memberStatus img {
	border: none;
}

#middle #content table.detail tr td.userInfo .avatar {
}

#middle #content table.detail tr td.userInfo .avatar img, #middle #content .box .avatar img {
	width: 80px;
	margin-bottom: 6px;
}

#middle #content table.detail tr td.subTitle {
	color: #000;
	background-color: #ccc;
	font: normal 12px arial, "sans serif";
	font-weight:bold;
	padding: 3px 6px;
	border: 1px solid #ccc;
   text-align: left;
}

#middle #content table.detail tr td table {
   table-layout:auto;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}

#middle #content table.detail tr td table tr td {
	border: none;
	padding: 0;
	vertical-align: middle;
}

#middle #content table.detail tr td table tr td.attachments {
   vertical-align: bottom;
	border: none;
	padding: 0;
	width: 30%;
}

#middle #content table.detail tr td table tr td.userButtons {
 	text-align: right;
	border: none;
	padding: 0;
	width: 70%;
}

#middle #content table.detail tr td.post {
   vertical-align: top;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
}

#middle #content table.detail tr td.post div.post {
	padding: 6px;
	width: 428px;
	overflow: auto;
	overflow-y: visible;
}

#middle #content table.detail tr td.post div.post .attachment img {
	margin: 0 -2px 2px 4px;
	vertical-align: bottom;
}
	
#middle #content table.detail tr td .userInfo {
	background: #f5f5f5;
	font-size: 11px;
	padding: 6px;
	border-bottom: 1px solid #ccc;
}

#middle #content table.detail tr td.post div.post .quote {
	border: 1px solid #ccc;
	background: #f5f5f5;
}

#middle #content table.detail tr td.post div.post .quote .quoteHeader {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background: #ccc;
	padding: 2px;
}

#middle #content table.detail tr td.post div.post .quote .quoteContent {
	padding: 3px;
}


#middle #content table.detail tr td table tr td.ip, #middle #content table.detail tr td table tr td.report {
	text-align: right;
	vertical-align: bottom;
	border: none;
	padding: 0;
	height: 100%;
	white-space: nowrap;
	padding-right: 6px;
}
/* --- /detailTable --- */

/* --- /framework middle styles --- */



/* --- /framework middle/context styles --- */

#middle #content .box, #context .box {
	padding: 6px;
	margin: 0;
	margin-bottom: 12px;
	margin-left: -1px;
	border: solid 1px #ccc;
	line-height: 130%;
}

.box, #right #context .box {
	padding: 6px 3px;
	border-color: #039;
}

#context .actionBox {
	padding: 6px 3px;
	margin: 0;
	margin-bottom: 12px;
	border: solid 1px #f90;
	line-height: 130%;
}

#context .staticBox {
	padding: 6px 3px;
	margin: 0;
	margin-bottom: 12px;
	border: solid 1px #666;
	line-height: 130%;
}

#middle #content .boxHead, #context .boxHead {
	background: #039;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
	margin-left: -1px;
}

#context .actionBoxHead {
	background: #f90 !important;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px !important;
	text-align: left;
}

#context .staticBoxHead {
	background: #666;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
}

#middle #content .actionBoxHead {
	background: #f90;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
	margin-left: -1px;	
}

#middle #content .staticBoxHead {
	background: #666;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
	margin-left: -1px;	
}



#middle #content .subHead {
	background: #ccc;
	color: #000;
	font: bold 11px arial, "sans serif";
	padding: 2px 4px;
	text-align: left;
	margin-left: -1px;
}


#middle #content .signature {
	font-size: 11px;
}


#middle #content .signature hr {
	text-align: left;
	width: 50%;
	height: 1px;
	color: #ccc;
	border: none;
} /* For Internet Explorer */


html>body #middle #content .signature hr {
	margin-top: 6px;
	margin-left: 0;
	width: 50%;
	height: 1px;
	background-color: #ccc;
	border: 0px solid #ccc;
} /* For Opera and Gecko-based browsers */





#middle #content .box .avatar, #middle #content table.form tr td.value .avatar {
	text-align: center;
}

#middle #content .box .avatarStatus, #middle #content table.form tr td.value .avatarStatus {
	font-size: 11px;
	font-weight: bold;
}

#content table.grid tr td .avatarStatus {
	font-size: 11px;
	font-weight: bold;
}


#middle #content .box .line, #right #context .line  {
	padding-bottom: 3px;
}

#middle #content .spacer, #right #context .spacer {
	margin-top: 6px;
}


#middle #content .box .right {
	padding-bottom: 3px;
	text-align: right;
}

#middle #content .box .legendItem {
	font-size: 11px;
	clear: both;
	padding-bottom: 12px;
}

#middle #content .box .legendItem div {
	line-height: 120%;
	padding-top: 6px;
	padding-bottom: 3px;
}

#middle #content .box .legendItem img {
	float: left;
	margin-right: 6px;
}


/* --- tinyMCE --- */

#middle #content table.form tr td textarea.mceEditor {
	width: 593px;
}

/* --- /tinyMCE --- */

#middle #content a.arrow, #right #context a.arrow, #left #context a.arrow  {
	font: normal 12px arial, "sans serif";
	background: url(../skins/images/pfeil_or.gif) no-repeat top left;
	padding-left: 16px;
}

#middle #content a.arrow_red {
	font: bold 12px arial, "sans serif";
	color: #f00;
	padding-right: 8px;
}


#left #context a.arrow {
	font-size: 11px;
}

#left #context a.faq, #left #context a.faq:visited {
	background: url(../skins/images/icon_info_fliesstext_ffffff.gif) no-repeat !important;
	background-position: -6px 0px;
	text-decoration: none;
	width: 13px !important;
	padding-left:1px;
	color: #f90;
}

#left #context a.faq:hover {
	background: url(../skins/images/icon_info_fliesstext_ffffff.gif) no-repeat !important;
	background-position: -6px 0px;
	text-decoration: none;
	width: 13px !important;
	padding-left:1px;
	color: #f90;
}

#right #context #switchGo {
	display:none;
}

#right #context .zoneStatus {
	padding: 0 0 2px 17px;
	font-size: 12px;
}

#right #context #switchHead {
	cursor: pointer;
	padding-left: 21px !important;
	background-image: url(xppane/arrow_down_w.gif);
	background-repeat: no-repeat;
	background-position: 2px -1px;
	width:21px;

}

#right #context a.box {
	background: url(../skins/images/globalswitch.gif) no-repeat  !important  ;
	padding-top:5px !important;
	padding-bottom: 1px !important;
	padding-left: 30px !important;
	background-position: 0px 1px 3px 0px;
	display: block;
	text-decoration:none;
	border: none;
	margin-bottom: 0;
}


#right #context a.arrow, #left #context a.arrow, #right #context a:visited.arrow, #left #context a:visited.arrow {
	background: url(../skins/images/csforward.gif) no-repeat -3px -1px;
	color: #000;
	display: inline;
	text-decoration: none;
}

#right #context a.arrow:hover, #left #context a.arrow:hover {
	text-decoration: underline;
}

#right #context a.extern {
	font: normal 12px arial, "sans serif";
	background: url(../skins/images/csexternerlink.gif) no-repeat  1px -1px;
	padding-left: 24px;
	color: #000;
}

#right #context a.extern:hover {
	text-decoration: underline;
}

#middle #content hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 0;
	background: #ccc;
}

#middle #content .separator {
	border-top: 1px solid #ccc;
	margin:3px 0;
}


div.box p {
	font: normal 11px arial, "sans serif";
	padding: 3px 6px;
	margin: 0 0 0 0;
	line-height: 120%;
}



div.box div.head
{
	background: #039;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 2px 6px;

}



div.box table {
	border-collapse: collapse;
	table-layout: auto;
}















div.headline 
{
	font: normal 10px arial, "sans serif";
	margin: 0;
	padding: 0;

}


div.linkedItem {
	background: url(../skins/images/pfeil_or.gif) no-repeat middle left;
	padding: 2px 0;
	padding-left: 16px;
}

#content
{

}

#content p 
{
	font: normal 12px arial, "sans serif";
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}




#leftNavigation
{

}

#rightNavigation
{

}

#rightNavigation div.box 
{
	padding: 0;
	margin: 0;
	width: 100%;
	margin-bottom: 9px;
	
}

#rightNavigation div.box div.head {
	background: #000;
	color: #fff;
	font: bold 11px arial, "sans serif";
	padding: 1px 6px;

}

#dhtmlgoodies_tooltip{
	background-color:#fff;
	border:1px solid #666;
	position:absolute;
	display:none;
	z-index:20000;
	padding:3px;
	font-size:11px;
	-moz-border-radius:3px;	/* Rounded edges in Firefox */
	font-family: arial, sans-serif;
	
}
#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#aaa;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:3px;	/* Rounded edges in Firefox */
}


#middle #content table tr.closedConference td, #middle #content table tr.closedsubconference td {
	background: #DDE6F0;/*#DDE6F0*/
}


#middle #content table tr.ordercheckedout td {
	background: #DDE6F0;/*#DDE6F0*/
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */



.tracecontent {
	position: absolute;
	top: 0;
	left: 1050px;
}