/* CSS Document */
body
{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#f2f8ff;
	width:100%;
}
/*
#content {
	float:left;
	width:100%;
}
body {
	margin:50px 0px; padding:0px;
	}
*/

#content {
	width:100%;
	margin:0px auto;
	text-align:left;
	padding:15px;
	}

/*html
{
	background:url(img/footer_center.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}*/
#outer
{
	width:100%;
	background:url(img/header_bg.jpg);
	background-repeat:repeat-x;
	background-color:#f2f8ff;	
}
#wrapper
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#header
{
	background:url(img/header_bg.jpg);
	background-repeat:repeat-x;
	height:auto;
}
#logo
{
	background:url(img/logo.jpg);
	background-repeat:no-repeat;
	height:106px;
	width:276px;
	margin-left:47px;
	float:left;
	
	
}
#login_container
{
	
	/*margin-top:12px;*/
	float:left;
	height:94px;
	width:260px;
	margin-left:300px;
	padding-top:12px;
	
}

#login_container form label{
	display:block;
	width:63px;
	height:12px;
	float:left;
	text-align:right;
	line-height:20px;
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:2px;
}
.textfield_fnt{
      
	background:url(img/textbox_br.jpg);
	background-repeat:x-repeat;
	border:none;
	width:190px;
	height:16px;
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#5f6061;
	margin-bottom:4px;
	/*border-bottom:inset 1px #003333;*/
}
#button_container
{
	margin-left:60px;
	margin-top:4px;
	clear:both;
}
#topmenu_container
{
	
	clear:both;
	height:28px;
	background:#f2f8ff;
	margin-left:500px;
	margin-bottom:8px;
}
#top_menu
{
	/*text-align:right;*/
	
	height:35px;
	background:#f2f8ff;
}
#top_menu ul
{
	list-style:none;
	margin:0px;
}
#top_menu li
{
	display:inline;
	margin:0px;
}

#content_container
{
	height:auto;
	width:882px;
}
#splash_logged_in
{
	color:#FFFFFF;
}
#banner_container
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:882px;
	height:auto;
	float:none;
	background-color:#5496e4;
}
#banner_top
{
	clear:both;
	background:url(img/banner_top_div.jpg);
	background-repeat:no-repeat;
	width:882px;
	height:10px;
}
#banner_bottom
{
	clear:both;
	background:url(img/banner_bottom_div.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:882px;
	height:8px;
}
#bammer_inner_left
{
	float:left;
	width:400px;
	margin:0px;
}
#bammer_left
{
	float:left;
	background:url(img/left.jpg);
	background-repeat:no-repeat;
	width:400px;
	height:308px;
}
#bammer_inner_right
{
	float:right;
	width:282px;
	height:308px;
	background-position:right;
	margin:0px;
	padding:0px;
}
#bammer_right
{
	float:left;
	background:url(img/right_long1.jpg);
	background-repeat:no-repeat;
	width:482px;
	height:308px;
	background-position:left;
	margin:0px;
	padding:0px;
}
#banner_image
{
   padding-top:15px;
   padding-left:2px;
}
#banner_inner_margin
{
	padding-top:0px;
	padding-left:4px;
	margin-top:0px;
	margin-left:5px;
}
#banner_margin
{
	padding-top:22px;
	padding:4px;
	margin-top:12px;
	margin-left:5px;
}
#banner_link ul
{
	
	padding-left:0px;
	padding-top:0px;
	margin-top:10px;
	margin:0px;
}
#banner_link li
{
	display:inline;
	padding-left:13px;
    background:url(img/green_bullet.jpg);
	background-repeat:no-repeat;
	background-position:10 0.0em;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#banner_link li A
{
	color:#fff;
	text-decoration:none;
}
#banner_link li A:hover
{
	color:#fac303;
	text-decoration:none;
}
#banner_header
{
	padding-top:10px;
	marging-top:10px;
	marging-left:10px;
	padding-left:13px;
	font:bold 16px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	/*color:#ffda46;*/
	color:#ffa248;
}
#banner_whitearrow
{
	background:url(img/header_arrow.jpg);
	width:33px;
	background-repeat:no-repeat;
}
#banner_content
{
	diplay:block;
	clear:both;
}
#banner_content ul
{
	
	padding-left:-14px;
	padding-top:8px;
	margin-top:8px;
	margin:0px;
	
}
#banner_content li
{
	list-style:none;
	padding-left:20px;
	padding-bottom:8px;
	margin-left:-46px;
    background:url(img/arrow_bullets.jpg);
	background-repeat:no-repeat;
	background-position:10px 0.0em 0px -12px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#space
{
	width:auto;
	height:23px;
}
#box_container
{
	background:#009966;
	margin-left:60px;
}
#box1
{
	float:left;
	background:url(img/small_container.jpg);
	width:252px;
	height:225px;
	background-position:right;
	background-repeat:no-repeat;
}
#box2
{
	float:left;
	padding-left:62px;
	background:url(img/small_container.jpg);
	width:252px;
	height:225px;
	background-position:right;
	background-repeat:no-repeat;
}
#box3
{
	float:left;
	background:url(img/small_container.jpg);
	width:230px;
	height:225px;
	background-position:right;
	background-repeat:no-repeat;
}
#box_header
{
	margin-top:12px;
	margin-left:10px;
	font:bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#4d4c4c;
}
#box_header ul
{
	margin-top:35px;
	margin-left:15px;
	padding:0px;
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#4d4c4c;
}
#box_header li
{
	margin-top:10px;
	margin-left:0px;
}
.box_header_blur
{
	color:#5496e4;
}
.org_bullet
{
	background:url(img/org_bullet.jpg);
	background-repeat:no-repeat;
	margin-top:4px;
	height:11px;
	background-position:left;
	background-attachment:scroll;
}
.org_fnt
{
	float:right;
	text-indent:20px;
	margin-right:20px;
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#fc6704;
	height:12px;
	line-height:15px;
}
.org_fnt A
{
	text-decoration:none;
	color:#fc6704;
}
.org_fnt A:visited
{
	color:#fc6704;
}
.org_fnt A:active
{
	color:#fc6704;
}
.org_fnt A:hover
{
	text-decoration:underline;
	color:#fc6704;
}
#footer_container
{
	
	padding-top:20px;
	height:46px;
	width:1000px;
	clear:both;
	background:url(img/footer_center.jpg);
	background-repeat:repeat-x;
	height:46px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer_link
{
	width:auto;
}

#footer_link A
{
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#fff;
	text-decoration:none;
}
#footer_link A:active
{
	color:#fff;
}
#footer_link A:visited
{
	color:#fff;
	text-decoration:none;
}
#footer_link A:hover
{
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	border-bottom:1px dashed #fff;
}
#label_footer
{
	display:block;
	padding-top:5px;
	margin-top:-20px;
	margin-right:25px;
	float:right;
	text-align:left;
	line-height:19px;
	
}
#label_footer A
{
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#label_footer A:hover
{
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	border-bottom:1px dashed;
}
#label_footer A:visited
{
	color:#fff;
}

/* Added by Ivo */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

/* banner table header */
#bannertable {background-color:#FFFFFF; border:1px solid #F34F0B;font-family: Arial, Helvetica, sans-serif;font-size:12px; color:#2F2F2F; width:98%;display:block;margin-bottom:5px; margin-top:5px;}
#bannertable td {font-size:12px}
#bannertable .number{width:30px; background-image:url(img/yellowcircle.gif); background-repeat:no-repeat; padding-left:8px;  padding-top:3px;vertical-align:top; color:#FFFFFF; font-size:20px; font-family:Arial, Helvetica, sans-serif}
#bannertable .number_off{width:30px; background-image:url(img/lightyellowcircle.gif); background-repeat:no-repeat; padding-left:8px;  padding-top:3px;vertical-align:top; color:#FFFFFF; font-size:20px; font-family:Arial, Helvetica, sans-serif}
#bannertable .head{ color:#F34F0B; font-size:18px; font-weight:bold}
#bannertable .closebut{width:50%; height:12px;float:right; font-size:12px; text-decoration:none; vertical-align:middle; margin-right:-3px;padding-left:12px;}
#bannertable .closebut a {color:#F34F0B; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#bannertable .closebuttext{display:inline;font-size:12px;float:right;}
#bannertable .imgbut{width:20px;float:right;}
#bannertable2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#363636; font-weight:bold;  width:98%}
#bannertable2 img.arrow{position:relative; top:-17px; background-color:#FFFFFF; right:110px; display:inline}
#bannertable2 a{color:#F34F0B; text-decoration:underline}

/* subscription table header */
#subscriptiontable {background-color:#FFFFFF; border:1px solid #F34F0B;font-family: Arial, Helvetica, sans-serif;font-size:12px; color:#2F2F2F; width:98%;display:block;margin-bottom:5px; margin-top:5px;}
#subscriptiontable td {font-size:12px}
#subscriptiontable .head{ color:#F34F0B; font-size:14px; font-weight:bold}
#subscriptiontable .closebut{width:50%; height:12px;float:right; font-size:12px; text-decoration:none; vertical-align:middle; margin-right:-3px;padding-left:12px;}
#subscriptiontable .closebut a {color:#F34F0B; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#subscriptiontable .closebuttext{display:inline;font-size:12px;float:right;}
#subscriptiontable .imgbut{width:20px;float:right;}

.bg1 {
	background-color: #F494B2
}
	
.bg2 {
	background-color: #F1EEF0
}
	
.bg3 {
	background-color: #DCDCDC
}
	
.bg4 {
	background-color: #FDF3F6
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
background-color: #FFFF80;
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 100%;
}

.curlycontainer .innerdiv{
background: transparent url(img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.smallnote{
margin-left:375px;
font-size: x-small;
}

.GrnBttnDiv{cursor:pointer; position:absolute; left:22px; top:31px;filter: alpha(opacity=25);}
.GrnBttnOn{font-size:12px;border:1px #FFFFFF inset;padding:2px; background: url(img/sbtnbk.gif) repeat-x;}
.GrnBttnMO{font-size:12px;border:1px #FFFFFF inset;padding:2px; background: url(img/sbtnbk.gif) repeat-x;}

	#content .box {
		width:100%;
		float:left;
		border-color: #DCDCDC #DCDCDC #DCDCDC #DCDCDC; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 0px; 
		border-left-width: 1px;
	}
	
/*
	#content .box_top {
		border-color: #DCDCDC #DCDCDC #DCDCDC #DCDCDC; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px; 
		text-align: right;
		font-size: 110%;
		position:relative;
		padding:6px;
		font-weight: bold;
		background-color: #39C;
		color:#FFFFFF;
	}
*/
	#content .box_top {
		background-image: url(img/main_bg.jpg); 
		background-repeat: repeat-x;
		text-align: right;
		font-size: 110%;
		position:relative;
		padding:6px;
		font-weight: bold;
		color:#FFFFFF;
	}

	#content .box_mid {
		float:left;
		width:100%;
	}
	
	#content .box_mid .content {
		float:left;
		padding:9px;
	}
	
	#content .box_mid .content_right {
		float:right;
		padding-left:9px;
	}
	#content .box_mid .pic_content {
		float:left;
		padding-top:9px;
		padding-bottom:9px;
		width:258px;
	}
	
	#content .box_mid .pic {
		float:left;
		padding:9px;
	}

	#content .col_main {
		float:left;
		position:relative;
		left:0px;
		width:65%;
	}
	
	#content .col_side {
		float:left;
		position:relative;
		left:12px;
		width:25%;
	}

	#content .class_button {
 		font-weight: bold;
   		background-image:url(img/main_bg.jpg);
   		background-repeat:repeat-x;
		border:1px solid #EB8B01;
		color:#FFFFFF;
		display:inline-block;
		text-decoration:none;
		height:24px;
		line-height:24px;
	}
	
	#content .class_textbox {
   		background-image:url(img/text_bg.jpg);
   		background-repeat:repeat-x;
		color:#666;
		line-height: 1.1em;
		margin: 0 0 20px 0;
		padding: 10px;
		border: 1px solid #eed;
	}
		
	.box_bottom {
		width:100%;
		height:18px;
		float:left;
		background-image: url(img/box_bottom.png); 
		background-repeat: repeat-x;
		margin-bottom:3px;
	}
	
	.box_bottom_right {
		float:right;
		background-image: url(img/box_bottom_right.png);
		width:5px;
		height:18px;
	}
	
	.box_bottom_left {
		float:left;
		background-image: url(img/box_bottom_left.png);
		width:5px;
		height:18px;
	}
	
.errordesc {
	background: transparent none repeat-x left bottom;
	padding: 1em 1em .5em 1em;
	margin-bottom: 1.2em;
}

.errordesc {
	background-color: #fdd;
	background-image: url(img/error-body.png);
}


.errordesc ul {
	list-style: none;
	margin: 0;
}
	
.errordesc ul li {
	background: transparent none no-repeat 0px 2px;
	padding: 0 0 .5em 20px;
}
	
.errordesc p {
	background: transparent none no-repeat 0px 2px;
	padding: 0 0 .5em 20px;
	margin: 0;
}
	
.errordesc ul li {
	background-image: url(img/exclamation.gif);
}
	
.errordesc a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

.rounded {
	clear:both;
	position:relative;
	margin:12px 0;
	border:1px solid #d1d1d1;
	background:#f6f6f6;
	padding:10px;
	}

.rounded:before {
	display:block;
	height:9px;
	background: transparent url(img/corner2.png) top right no-repeat;
	content: url(img/corner1.png);
	line-height:1px;
	font-size:1px;
	margin:-11px -11px 0 -11px;
	}

.rounded:after {
	display:block;
	height:9px;
	background: transparent url(img/corner4.png) bottom right no-repeat;
	content: url(img/corner3.png);
	line-height:1px;
	font-size:1px;
	margin:1px -11px -11px -11px;
	}	

#setupintro {
	background:#ffffff url(img/cogs.jpg) center left no-repeat;
	}
#setupintro .pad {
	padding-left:160px;
	min-height:150px;
	}
	
.codecontent { margin: 0 7px; }
a.codetab { 
  border-collapse: collapse; 
  border-style: solid solid none solid;  
  border-color: black; 
  border-width: 1px 1px 0px 1px; 
  background-color: silver; 
  padding: 2px 0.5em 0px 0.5em; 
  margin-top: 4px;
  font-family: arial; 
  text-decoration: none;
}
a.codetab:hover { 
  border-color: black; 
  background-color: white; 
}
.codepanel { border: solid 1px black; background-color: white; padding: 5px; height: 300px; width: 98%; overflow: auto;}
/********************** IVO SEE THE NEW CSS ADDITION BELOW  *********************/

.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
/*	padding-left: 5px;*/
	color: #4182d2;
/*	line-height: 18px; */
	text-decoration: none;
	font-weight: bold;
}

.p_text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #484b4f;
	padding-left: 0px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
}

.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	padding-left: 5px;
	color: #4182d2;
/*	line-height: 18px; */
	text-decoration: none;
	font-weight: bold;
}

.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
/*	padding-left: 5px; */
	color: #73e303;
/*	line-height: 18px; */
	text-decoration: none;
	font-weight: bold;
}

/*
#mainitems ul li {

}
#mainitems li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #5496e4;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	background: url(img/arrow_bullets.jpg) no-repeat left;

}

#mainitems li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #73e303;
	text-decoration: underline;
	font-weight: bold;
}
*/

a.new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #5496e4;
	text-decoration: none;
	font-weight: normal;
}

a.new:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #73e303;
	text-decoration: underline;
	font-weight: normal;
}

a.new_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #5f857a;
	text-decoration: none;
	font-weight: normal;
}

a.new_1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #73e303;
	text-decoration: underline;
	font-weight: normal;
}

.text5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
/*	padding-left: 5px; */
	color: #ffffff;
/*	line-height: 18px; */
	text-decoration: none;
	font-weight: bold;
}

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("img/normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("img/title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("img/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("img/title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("img/title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

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

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

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("img/hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("img/active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("img/dark-bg.gif");
}

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

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("img/dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("img/rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("img/hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

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

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

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("img/active-bg.gif"); color: #fff;
}

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

.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: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("img/status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  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-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("img/normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

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

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

.calendar .combo .hilite {
  background: url("img/hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("img/active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("img/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("img/normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

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

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

.calendar td.time span.hilite {
  background: url("img/hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("img/active-bg.gif"); color: #fff;
}	

.bubble {
	margin:1px 1px 0 8px;
	}

.bubble, .bubble a {
	float:right;
	width:45px;
	height:39px;
	font-size:14px;
	line-height:32px;
	text-align:center;
	}

.bubble a:link, .bubble a:visited, .bubble a:active {
	background:#fff url(img/comments2.jpg) top left no-repeat;
	text-decoration:none;
	display:block;
	color:#111;
	}

.bubble a:hover {
	background-position:100% -40px;
	}

	.txt_item_title {
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #333333;
		font-size: 1.5em; 
		font-weight: bold; 
		text-decoration: none;
	}

	#content .metadata {
		font-size: 80%;
		margin-left:0px;
		margin-right:0px;
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #DCDCDC;
		border-style: dotted; 
		border-top-width: 1px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px;
		padding-top:9px;
		padding-bottom:9px;
		color:#666;
	}
	
	#content .metadata_top {
		font-size: 80%;
		margin-left:0px;
		margin-right:0px;
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #DCDCDC;
		border-style: dotted; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px;
		padding-top:0px;
		padding-bottom:9px;
		color:#666;
	}
	
	#content .comment {
		border-color: #DCDCDC; #DCDCDC; #DCDCDC; #DCDCDC;
		border-style: dotted; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px;
		padding-bottom:9px;
		padding-top:3px;
		width:100%;
	}
	
	#content .comment_author {
		font-size: 80%;
	}
	
	#content .comment_child {
		padding-bottom:3px;
		padding-top:0px;
		width:100%;
		font-size: 90%;
	}
	
	#content .comment_author a:hover {
		color:#F36692;
	}
	#content code {
  		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 101%; 
		color: #333333;
		width: 98%; 
	}

/* topheader_popup */
div#topheader_popup { width: 350px; margin: 0 auto; padding-top: 7px; text-align: left; position: relative; font-size: 85%; }
div#topheader_popup img#logo { float: left; width: 129px; }
div#topheader_popup span#signin { position: absolute; top: 17px; left: 139px; }
div#topheader_popup span#signin img { vertical-align: bottom; }
div#topheader_popup img#addbtn { position: absolute; right: 0; margin-top: 4px; }
div#topheader_popup ul { list-style: none; margin: 7px 0 0; padding: 0 0 0 25px; float: left; position: relative; }
div#topheader_popup ul.guest { padding-left: 84px; }
div#topheader_popup ul li { width: 100px; margin: 0 1px; padding: 0; float: left; background: url(img/background_blue_tabs.gif); 0 -34px no-repeat; }
div#topheader_popup ul li a { color: #FFF; display: block; text-decoration: none; background: url(img/background_blue_tabs.gif); top left no-repeat; margin: 0; padding: 7px 0 5px; width: 100px; text-align: center; font-weight: bold; }
div#topheader_popup ul li a:hover { background-image: none; }
div#topheader_popup ul li.core, div#topheader_popup ul li.core a { background-image: url(img/background_grey_tabs.gif); }
div#topheader_popup ul li.core a:hover { background-image: none; }
div#topheader_popup ul li.on { background-position: 0 -68px; }
div#topheader_popup ul li.on a, div#topheader_popup ul li.on a:hover { background-image: none; }
div#topheader_popup ul ul { position: absolute; left: 3px; width: 300px; }
* html div#topheader_popup ul ul { left: 6px; }
div#topheader_popup ul ul li { font-size: 90%; margin: -1px 20px 0 0; width: auto; background: none; }
div#topheader_popup ul li.on ul li a { padding: 0; width: .1em; background: none; }
div#topheader_popup ul li.on ul li a:hover { font-weight: 900; } /* for ie5mac */
div#topheader_popup ul li img { position: absolute; top: -5px; margin-left: 83px; }
div#topheader_popup ul li ul li img.toggle { position: absolute; top: -2px; margin-left: 0; left: 300px; margin-right: -300px; }
/* ie5mac backslash hack \*/
div#topheader_popup ul li.on ul li a { width: auto; }
div#topheader_popup ul li ul li img.toggle { right: 0; left: auto; margin-right: 0; }
/* end ie5mac backslash hack */
div#topheader_popup div#subnav_popup { width: 350px; clear: both; background: #39C; url(img/background_top_tabs.gif); 0 0 no-repeat; height: 25px; }
div#topheader_popup div#notabs { border-bottom: 1px solid #CCC; margin-top: 8px; height: 1px; background-color: transparent; }
}