body {
	color: #FFF;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	margin: 0;
	background: #FFF;
}
#nl {
	background: #A2AFB6;
	background: #B9A396 url(../beta/images/background.gif) 0 100% repeat-x;
	position: absolute;
	top: 90px;
	left: 0px;
	width: 1010px;	
	z-index: 10;
}
#nl_head {
	position: relative;
	height: 116px;
	height: 148px;
	width: 1010px;
	background: #B9A396;
	overflow: hidden;
}
html>body #nl_head {
	height: 118px;
	height: 148px;
}

#content {
	float: left;
	width: 530px;
}

#inter {
	width: 310px;
	float: left;
}

#teaser {
	float: right;
	width: 170px;	
}

#breadcrumb {
	position: absolute;
	top: 117px;
	left: 0;
	height: 28px;
	width: 1010px;
	font-weight: bold;
	padding-top: 13px;
	background: #B9A396;
}

html>body #breadcrumb {
	height: 30px;
	padding-top: 10px;
}
#breadcrumb a,
#breadcrumb a:hover {
	color: #FFF;
}
#footer {
	clear: both;
	width: 1010px;
	padding: 10px 0;
	text-align: center;
}
#footer a {
	color: #4E4348;
}

h1 {	font-size: 14px; }
h2 { font-size: 13px; }
h4 {	
	font-size: 18px;
	font-family: georgia;
	font-weight: normal;
	color: #B9A396;
	margin: 0 0 10px 0;
	padding: 0;
}
h4 a {
	font-size: 18px;
}

#loading {
	position: absolute;
	left: 49%;
	top: 50%;
	width: 50px;
	height: 50px;
	background: url(../beta/images/lade.gif) no-repeat;
	background: none;
	z-index: 100000000;
}
/**********************************************************/

a:link,
a:active,
a:visited ,
.color{
	color: #e8a833;
	text-decoration: none;
}
.blog a:hover,
.blog a:focus {
	color: #4E4348;
}
.block a:hover,
.block a:focus {
	color: #A2AFB6;
	color: #B9A396;
}


/* CONTENT
*****************************************/
#content	.block {
					margin: 15px 5px;					
					height: 1px;
} 				html>body #content .block { height: auto; padding: 1px 0; }
#content	.block	.head {
									background: url(../beta/images/boxdesign.gif) 0px -45px no-repeat;
									width: 520px;
}
#content	.block	.content {
									background: #4E4348 url(../beta/images/cont_block.gif) 100% 100% no-repeat;
									width: 520px;
}
#content	.block	.footer {
									background: url(../beta/images/boxdesign.gif) 0px -245px no-repeat;
									width: 520px;
}

#content	.doku {
					margin: 15px 5px;
					height: 1px;
} 				html>body #content .doku { height: auto; padding: 1px 0; }
#content	.doku	.head {
									background: url(../beta/images/boxdesign.gif) 0px -180px no-repeat;
									width: 520px;
}
#content	.doku	.content {
									background: #4E4348 url(../beta/images/cont_block.gif) 100% 100% no-repeat;
									width: 520px;
}
#content	.doku	.footer {
									background: url(../beta/images/boxdesign.gif) -323px -285px no-repeat;
									width: 520px;
}

#content.slideshow	.block	.head {
									background: url(../beta/images/boxdesign.gif) 0px 0px no-repeat;
									width: 830px;
}
#content.slideshow	.block	.content {
									background: #4E4348 url(../beta/images/cont_block.gif) 100% 100% no-repeat;
									width: 830px;
}
#content.slideshow	.block	.footer {
									background: url(../beta/images/boxdesign.gif) 0px -225px repeat;
									width: 830px;
}


#content	.blog {
					margin: 15px 5px;
					height: 1px;
} 				html>body #content .blog { height: auto; padding: 1px 0; }
#content	.blog	.head {
									background: url(../beta/images/boxdesign.gif) -310px -135px no-repeat;
									width: 520px;
}
#content	.blog	.content {
									background: #FFF url(../beta/images/cont_blog.gif) 100% 100% no-repeat;
									width: 520px;
}
#content	.blog	.footer {
									background: url(../beta/images/boxdesign.gif) -310px -285px no-repeat;
									width: 520px;
}

/* INTER
*****************************************/
#inter	.block {
					margin: 15px 5px;
					height: 1px;
} 				html>body #inter .block { height: auto; padding: 1px 0; }
#inter	.block	.head {
									background: url(../beta/images/boxdesign.gif) 0px -90px no-repeat;
									width: 300px;
}
#inter	.block	.content {
									background: #4E4348 url(../beta/images/cont_block.gif) 100% 100% no-repeat;
									width: 300px;
}
#inter	.block	.footer {
									background: url(../beta/images/boxdesign.gif) 0 -265px no-repeat;
									width: 300px;
}

#inter	.blog {
					margin: 15px 5px;
					height: 1px;
} 				html>body #inter .blog { height: auto; padding: 1px 0; }
#inter	.blog	.head {
									background: url(../beta/images/boxdesign.gif) -530px -90px no-repeat;
									width: 300px;
}
#inter	.blog	.content {
									background: #FFF url(../beta/images/cont_blog.gif) 100% 100% no-repeat;
									width: 300px;
}
#inter	.blog	.footer {
									background: url(../beta/images/boxdesign.gif) -530px -265px no-repeat;
									width: 300px;
}

.block_trans {
	margin: 15px 5px;
	height: 265px;
}

/* TEASER
*****************************************/
#teaser	.block,
#teaserbox .block {
					margin: 15px 5px;
					height: 1px;
} 				html>body #teaser .block { height: auto; padding: 1px 0; }
					html>body #teaserbox.block { height: auto; padding: 1px 0; }
#teaser	.block	.head,
#teaserbox	.block	.head {
									background: url(../beta/images/boxdesign.gif) 0px -135px no-repeat;
									width: 160px;
}
#teaser	.block	.content,
#teaserbox	.block	.content {
									background: #4E4348 url(../beta/images/cont_block.gif) 100% 100% no-repeat;
									width: 160px;
}
#teaser	.block	.footer,
#teaserbox	.block	.footer {
									background: url(../beta/images/boxdesign.gif) 0px -285px no-repeat;
									width: 160px;
}

#teaser	.blog,
#teaserbox	.blog {
					margin: 15px 5px;
					height: 1px;
} 				html>body #teaser .blog { height: auto; padding: 1px 0; }
					html>body #teaserbox.blog { height: auto; padding: 1px 0; }
#teaser	.blog	.head,
#teaserbox	.blog	.head {
									background: url(../beta/images/boxdesign.gif) -670px -45px no-repeat;
									width: 160px;
}
#teaser	.blog	.content,
#teaserbox	.blog	.content {
									background: #FFF url(../beta/images/cont_blog.gif) 100% 100% no-repeat;

									width: 160px;
}
#teaser	.blog	.footer,
#teaserbox	.blog	.footer {
									background: url(../beta/images/boxdesign.gif) -670px -245px no-repeat;
									width: 160px;
}
#content	.head,
#inter		.head,
#teaser		.head,
#teaserbox.head {
	float: left;
	height: 45px;
}
#content	.content,
#inter		.content,
#teaser		.content,
#teaserbox	.content {
	float: left;
}
#content	.footer,
#inter		.footer,
#teaser		.footer,
#teaserbox	.footer {
	clear: both;
	height: 20px;
	display: block;
}

#content	.head h1,
#inter		.head h1,
#teaser		.head h1,
#teaserbox	.head h1 {
	font-size: 20px;
	font-weight: bold;
	color: #FFF !important;
	font-family: Georgia;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}
#content	.head a,
#inter		.head a,
#teaser		.head a,
#teaserbox	.head a,
#content	.head a:hover,
#inter		.head a:hover,
#teaser		.head a:hover,
#teaserbox	.head a:hover {
	color: #FFF;
	display: block;
}




.inner {
	margin: 4px;
}

.link_frame {
	float: left;
	display: block;
	width: 286px;
	padding: 5px 0;
	border-bottom: 1px dotted #FFF;
}
.link_frame:hover,
.link_frame:focus {
	text-decoration: none;
	background: #A2AFB6;
	background: #B9A396;
	color: #4E4348 !important;
}
.link_frame img {
	float: left;
	background-position: 50% 0;
	margin-right: 5px;
}
.link_frame  span {
	margin: 0 5px;
	display: block;
}
.link_frame  span strong {
	color: #FFF !important;
	font-weight: normal;
}	

.wContent {
	top: 0px;
	z-index: 1;
}
#inter .wContent .link_frame {
	width: 260px;
}
#content .wContent .link_frame {
	width: 470px;
}
#labelDialog .link_frame {
	width: 135px;
}
#teaser .link_frame {
	width: 150px;
}

/* Blog
*****************************************/
.blog .content {
	color: #4E4348;
}
h3 {
	font-size: 10px;
	color: #A2AFB6;
	color: #B9A396;
	margin: 0 0 10px 0;
	padding: 0;
}
#bf label,
#bf .lbl {
	clear: both;
	width: 100%;
	display: block;
	padding: 10px 0;
}
#bf .flat {
	padding: 10px 0 0 0 ;
}
#bf label span,
#bf .lbl span{
	display: block;
	width: 120px;
	float: left;
}
#bf.fullsize label span,
#bf.fullsize .lbl span {
	width: 120px;
}
#bf input,
#bf textarea,
#bf select {
	float: left;
	width: 165px;
	border: 1px solid #e8a833;
	background: #FFF;
	color: #4E4348;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 5px 0;
}
#bf.fullsize input,
#bf.fullsize textarea,
#bf.fullsize select {
	width: 350px;
}
select.day {
	width: 50px !important;
	margin-right: 10px;
}
select.month {
	width: 50px !important;
	margin-right: 10px;
}
select.year {
	width: 60px !important;
}
#bf input.cb,
#bf input.rd {
	width: auto;
	border: none;
}

#bf .text {
	margin-left: 120px;
}
#bf div.cb,
#bf div.rd {
	margin-left: 145px;
}
#bf.fullsize div.cb,
#bf.fullsize div.rd {
	margin-left: 175px;
}
#bf textarea	{
	width: 300px;
}
#bf .bf_submit {
	margin-left: 120px;
}

.stats th {
	text-align: left;
	vertical-align: top;
}
.pages {
	float: right;
}
.stars {
	float: right;
	width: 70px;
	height: 14px;
	background: url(../beta/images/stars.gif) no-repeat;
}
.stars_no {
	float: right;
	width: auto;
	height: 14px;
}
table .stars,
table .stars_no {
	float: left;
}


/* DokuBoxen
*****************************************/
.DokuBoxcarousel_big .img a, .DokuBoxcarousel_small .img a, .DokuBox1 .img a, .DokuBox2 .img a, .DokuBox3 .img a {
	float: left;
	display: block;
	background-position: 50% 50%;
}
.DokuBoxcarousel_big h1, .DokuBoxcarousel_small h1, .DokuBox1 h1, .DokuBox2 h1, .DokuBox3 h1,
.DokuBoxcarousel_big h2, .DokuBoxcarousel_small h2, .DokuBox1 h2, .DokuBox2 h2, .DokuBox3 h2 {
	font-size: 90%;
	margin: 0;
	padding: 0;
}
.h1, .h2 {
	clear: both;
	height: 30px;
}
.DokuBoxcarousel_big  .h1,
.DokuBoxcarousel_big  .h2 {
	height: 25px;
	font-size: 12px;
}
.DokuBoxcarousel_small, .DokuBox1 {
	width: 160px;
}
.DokuBoxcarousel_big {
	width: 250px;
}
.DokuBoxcarousel_big .img a img,
.DokuBox3 .img a img {
	display: block;
}
.DokuBoxcarousel_big .img a {
	width: 250px;
	height: 167px;
	background-position: 50% 50% !important;
}
.DokuBoxcarousel_small .img a, .DokuBox1 .img a {
	width: 150px;
	height: 100px;
	margin: 0 auto;
}

.DokuBox3 h1,
.DokuBox3 h2 {
	display: inline;
}


/* Carousel
****************************************/
.carousel-list {
	padding: 0;
	margin: 0;
	width: 10000000px;
	position: relative;
	z-index: 1;
}
.carousel-list li { 
	margin: 8px 12px 8px 4px;
	float: left;
	display: block;
	height: 220px;
}
.carousel-list li strong { 
	display: block;
	height: 30px;
}
.carousel-list li a.img {
	display: block;
	width: 70px;
	height: 90px;
	margin-bottom: 3px;
}
.carousel-component,
.carousel-clip-region { 
	overflow: hidden;
	position: relative; 
	width: 520px;
}
.carousel-component img {
	display: block;
}
.carousel-component {
	margin-bottom: 10px;
	height: 205px;
	overflow: hidden;
}
#teaser .carousel-list li {
	text-align: center;
	width: 150px;
	margin: 0 0 0 0;
}
#teaser .carousel-list li a {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
#teaser .carousel-component {
	margin-bottom: 10px;
	width: 148px;
	height: 140px;
	overflow: hidden;
	text-align: center;
	border: none;
}
#teaser .carousel-list li strong {
	display: inline;
}

/* Pic Functions
*****************************************/
#pf label {
	clear: both;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
#pf input,
#pf textarea	{
	float: right;
	width: 170px;
	border: 1px solid #e8a833;
	background: #FFF;
	color: #4E4348;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 5px 0;
}
#pf .pf_submit {
	float: right;
	width: 170px;
}

.comm strong {
	display: block;
	color: #A2AFB6;
	color: #B9A396;
	padding: 2px 0;
}

/* Login
*****************************************/
#login {
	display: inline;
}
#login label {
	display: block;
	margin-bottom: 10px;
}
#login input {
	width: 148px;
	border: 1px solid #e8a833;
	background: #FFF;
	color: #4E4348;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 5px 0;
}


/* globale Klassen
*****************************************/
#nl img {
	border:none;
}
#nl hr {
	border-top: 1px solid #FFF;
	border-left: none;
	border-right: none;
	height: 0px;
}
html>body #nl hr {
	border-bottom: 1px solid #FFF;	
}
.nl_clr_left	{	clear: left; }
.clr					{	clear: both; }
.nl_left_img	{	float: left; 	margin: 0 5px 5px 0; }
.nl_right_img  {	float: right;	margin: 0 0 5px 2px; }
.left					{ float: left; }
.right				{ float: right; }

.autoblende {
 border: 1px solid #2A88BC !important; 
 background-color: #CAE1EE; 
 padding: 1px;
}

div.table {
	clear: both;
}	
div.table strong {
	float: left;
	display: block;
	width: 120px;
}
/* member label */
div.ml {
	clear: both;
	float: left;
	width: 190px;
	margin-bottom: 10px;
	
	color: #B9A396;
}
/* member text */
div.mt {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}
.Vcard .List .ml {
	width: 120px;
}
.Vcard .List .mt {
	width: 200px;
}
.Vcard h1 {
	margin-top: 0;
}
.mini {
	width: 50px;
	margin: 2px;
}

/* Autocompleter QUICK-FINDER
**************************************/
#quick_result {
	position: absolute;
	z-index: 100 !important;
	top: 2em;
	left: 0px;
	background: #4E4348;
}
#quick_result ul {
	margin: 0;
	padding: 0;
	border: 1px solid #e8a833;
	border-bottom: none;
	border-top: none;
}
#qff {
	position: relative;
	display: block;
	float: left;
	width: 286px;
	margin: 0 -2px 6px -2px;
}
html>body #qff {
	margin: 0 0 6px 0;
}
#qf {
	width: 290px;
	border: 1px solid #e8a833;
	background: #FFF;
	color: #4E4348;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
#quick_result li {
	list-style: none;
	padding: 3px;
	border-bottom: 1px solid #e8a833;
}
#quick_result li.selected {
	background: #A2AFB6;
	background: #B9A396;
	color: #4E4348;
}
#quick_result li .span1 {
	float: left;
	display: block;
	width: 75px;
	height: 25px;
}
#quick_result li .span2 {
	display: block;
	font-size: 90%;
	margin-left: 75px;
}
#quick_result li .span3 {
	display: none;
}
#quick_result strong {
	text-decoration: underline;
}

.opa0 { filter: alpha(opacity=0);	opacity:  0;	-moz-opacity:  0; }
.opa1 { filter: alpha(opacity=10);	opacity: .1;	-moz-opacity: .1; }
.opa2 { filter: alpha(opacity=20);	opacity: .2;	-moz-opacity: .2; }
.opa3 { filter: alpha(opacity=30);	opacity: .3;	-moz-opacity: .3; }
.opa4 { filter: alpha(opacity=40);	opacity: .4;	-moz-opacity: .4; }
.opa5 { filter: alpha(opacity=50);	opacity: .5;	-moz-opacity: .5; }
.opa6 { filter: alpha(opacity=60);	opacity: .6;	-moz-opacity: .6; }
.opa7 { filter: alpha(opacity=70);	opacity: .7;	-moz-opacity: .7; }
.opa8 { filter: alpha(opacity=80);	opacity: .8;	-moz-opacity: .8; }
.opa9 { filter: alpha(opacity=90);	opacity: .9;	-moz-opacity: .9; }
.opa10{ filter: alpha(opacity=100);opacity: 1;	-moz-opacity:  1; }


	#testadframe {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 2200px;
		display: none;
	}
	#adframe {
		position: absolute;
		top: 0px;
		left: 0px;
		/*width: 1210px;*/
		width: 100%;
	}
	#rectangle {
		width: 300px;
		height: 250px;

	}
	

#ivw { 
	display: none;
}

/* Dokuarchiv */
#dokuliste {
	/*width: 325px;*/
	float: left;
	height: 250px;
	overflow: auto;
	/*border: 1px solid #666;*/
}
#dokuliste ul {
	margin: 0;
	padding: 0;
}
#dokuliste ul li {
	list-style: none;
}
#dokuliste ul li a {
	display: block;
	text-indent: 5px;
	height: 18px;
}
html>body #dokuliste ul li a {
	height: auto;
	padding: 2px 0;
}
#dokuliste ul li a:hover {
	background: #A2AFB6;
	background: #B9A396;
	color: #4E4348;
}
#PreviewBox {
	float: right;
	width: 160px;
	padding: 5px 0;
	margin-right: 5px;
}



.PicListImg {
	float: left;
	text-align: center;
	width: 160px;
}
.NaviContainer {
	text-align: center;
}
.NaviContainer img {
	margin: 0 2px;
}	
#nl_content {
	width: 800px;
}

/* DokuCSS */

#doku {
	margin-left: 5px;
}
#DokuText {
	position: relative;
	float: right; 
	width: 268px;
	padding: 10px;
	background: #FFF;
	margin: 110px 0 10px 0;
	border: 1px solid #BC7520;
	z-index: 3;
}
#DokuText h3 {
	height: 30px;
}
#thumbnavi .prevpic {
	width: 166px;
	text-align: left;
	display: block;
	float: left;
}
#thumbnavi .nextpic {
	width: 166px;
	text-align: right;
	display: block;
	float: left;
}
#thumbnavi .actpic {
	width: 168px;
	text-align: center;
	display: block;
	float: left;
}
#thumbnavi {
	margin-top: 13px;
}
#thumbnavi a {
	margin: 0;
	padding: 0;
}
.dokunavi {
	clear: both;
	background: #FFF;
	border: 1px solid #FFAD4A;
	margin-bottom: 10px;
}
#picarea {
	width: 506px;
	height: auto;
	position: relative;
}
#options {
	background: #FFF;
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 500px;
	height: 30px;
	padding-top:10px;
}

#nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 480px;
	padding: 10px;
}
#nav a {
	margin: 0;
	padding: 0;
}
#Dokustats {
	text-align: center;
	border-top: 1px solid;
	margin-top: 10px;
	padding-top: 10px;
}
#Dokustats .table  {
	text-align: left;
}
#Dokustats .table  span {
	display: block;
	width: 100px;
	float: left;
}
#labelDialog {
	position: absolute;
}
#labelBox {
	z-index: 1!important;
}
#teaserbox {
	z-index: 1000000!important;
}
.memberlabel .info {
	padding: 5px 5px 5px 24px;
}
#tooltip {
	position: absolute;
	background: #FFF;
	color: #000;
}

.quote {
	background: #EEE;
	margin-bottom: 1em;
}


/* ////////////////////////////////////////////////////////////////////////////////////// */

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: none;
  cursor: default;
}

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #none;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #none;
	color: #e8a833;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #none;
  color: #FFF;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #none;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px dotted #FFF;
  padding: 2px;
  text-align: center;
  color: #FFF;
	background: none;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #e8a833;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #B9A396;
  color: #4E4348;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #B9A396;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #FFF;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #4E4348;
}
.calendar tbody .day.othermonth.oweekend {
  color: #e8a833;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #4E4348;
}

.calendar tbody .rowhilite td {
  background: #B9A396;
}

.calendar tbody .rowhilite td.wn {
  background: #B9A396;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #FFF;
	color: #4E4348;
  padding: 1px 3px 1px 1px;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #FFF;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  padding: 1px 3px 1px 1px;
  background: #FFF;
  color: #4E4348;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #e8a833;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #B9A396;
}

.calendar tbody .disabled { color: #B9A396; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: none;
  color: #FFF;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  display: none;
	background: none;
  color: #FFF;
  border-top: 1px dotted #FFF;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: none;
  color: #FFF;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #B9A396;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}