html
{
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
}

body{
    margin: 0;
    background: #fff;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
	max-height:100%;
	padding:0; 
	border:0;	
}


/* -- General ------------- */
h2{
    margin: 5px 0 5px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

div.framework_head{
    display: none;
}

div.framework{
    height: 100%;
    width: 100%;
}

iframe.framework{
    border-top: 1px solid #ccc;
}

table.framework{
    background-color: #ddd;
}
/* -- End General --------- */


/* -- Top Page ------------ */
#toppage{
    height: 55px;
    border-top: 5px solid #000;
    background: #F7F7EF url(img/topbgw.gif) repeat-y left bottom;
}

#toppage #design{
    background: #F7F7EF url(img/toplbg.gif) repeat-y left top;
    height: 52px;
    padding-top: 1px;
    padding-left: 10px;
    border-top: 1px solid #fff;
}

html>body #toppage #design{
    border-bottom: 2px solid #E7DFE7;
}

#toplogo{
    position: absolute;
    top: 5px;
    right: 0px;
    width: 250px;
    height: 55px;
    overflow: hidden;
    line-height: 55px;
    text-align: center;
    /* background: #fff;
    border-left: 1px solid #ccc; */
    vertical-align: middle;
}

#topmenu{
    /* width: 750px; */
    margin: 5px;
    z-index: 1;
    /*border: 1px solid #ccc;*/
}

#mainmenu{
    /*border: 1px solid #ccc;   */
    margin: 5px;
    z-index: 1;
}

#username{
    background: url(img/user.gif) no-repeat left center;
    line-height: 16px;
    padding-left: 20px;
    height: 16px;
}

.separator{
    margin: 0px 10px;
}

/* -- End Top Page -------- */


/* -- Menu ---------------- */
#menu {
    font: 11px tahoma;
}

#menu a, #menu a:hover{
    margin-right: 1px;
    background: #000000;
    font: 11px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	background: url(img/but_left.gif) no-repeat left top;
	height: 21px;
	z-index: 50;
}

#menu a .btext{
    padding: 3px 15px 3px 10px;
	background: url(img/but_right.gif) no-repeat right top;
}

#ttmenu td{
    padding-right: 3px;
    vertical-align: middle;
}

#ttmenu select{
    font-size: 10px;
    height: 16px;
}
/* -- End Menu ------------ */


/* -- Tables -------------- */
.frame-head, .frame-head tr, .frame-head td{
    height: 22px;
    margin-bottom: 5px;
}

div.frame-head{
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    /*padding-top: 3px;*/
    font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
}

html>body div.frame-head{
    padding-top: 0;
}

.frame-head{
    background: #F7F7EF url(img/titlemark.gif) no-repeat left top;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #E7DFE7;
    color: #7B7D73;
    font: 12px arial;
}

.frame-head-with-border{
    border-top: 1px solid #E7DFE7;
}

th, th.signup{
    background: #FFFBFF url(img/signup.gif) repeat-x bottom left;
    height: 21px;
    white-space: nowrap;
    border-collapse: collapse;
    text-align: left;
    padding: 3px 5px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-top: 1px solid #E7DFE7;
}

th th, th.signup th{
    border: none;
}

th.odd, td.odd, .odd, .odd_hover{
    background: #EFEFEF;
}

th.even, td.even, .even, .even_hover, .silver, th.silver, td.silver{
    background: #E7E3E7;
}

.tmarked{
    background: #ccc;
}

th.selected, td.selected, .selected, tr.odd_hover:hover, tr.even_hover:hover, tr.do_hover:hover {
    background: #C0FFC0;
}

td.crm_headline{
    background: #eee;
    color: #00a;
}

tr.pager{
    background: #eee;
}

/* -- End Tables ---------- */


/* -- Boxes --------------- */
html>body .box .content, html>body .whiteShadow{
    display: table-row;
    overflow:hidden
}

.box .content .content_text{
    padding: 5px;
    background: #F7F7EF;
}

.box .options{
    border-top: 1px solid #ccc;
}

.box .options td.link{
    background-color: #eee;
}

.box td.contentbox{
    border: 1px solid black;
}
/*
.box{
    border: 1px solid #63657B;
}

.box .bord1{
    border: 1px solid #ADAABD;
    border-top: 1px solid #BDBECE;
    margin: 1px;
}
*/

.boxdata{
    border: 1px solid #63657B;
}

.boxdata thead{
    font-weight: bold;
    background: #eee url(img/box_bg_thead.gif) repeat-x left top;
    line-height: 19px;
    height: 19px;
}

.boxdata thead td{
    border-bottom: 1px solid #8C8A8C;
}

.box_frame{
    border: 1px solid #f00;
    padding-bottom: 10px;
}
/* -- End Boxes ------------ */


/* -- Calendars ------------ */
.cal{
    border-spacing: 1px;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
}

.actcal, .actcal td{
    font-weight: bold;
}

.cal td{
    text-align: center;
    padding: 3px;
}

.cal th{
    font-weight: bold;
    background: #eee url(img/box_bg_thead.gif) repeat-x left top;
    line-height: 19px;
    height: 19px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.cal th a{
    text-decoration: none;
}

.cal .calTitles td{
    width: 12%;
    background: #F5F4D3;
}

.cal td{
    background: #eee;
}

.cal td.shaded{
    background: #ddd;
}

.cal td.red, td.today{
    background: #fee url(img/cdef2.gif) repeat-x;
}

.cal .kw{
    color: #fff;
    font-weight: bold;
}

.cal .calTitles td.redshaded{
    color: #f00;
}
/* -- End Calendars -------- */


/* -- Messages ------------- */
#confirm, .confirm{
    border-top: 1px solid #0a0;
    border-bottom: 1px solid #0a0;
    padding: 10px 10px 10px 35px;
    background: #E2F9E3 url(img/tick.gif) no-repeat left center;
    margin: 10px;
    font-size: 11px;
}

#error, .error{
  background: #CC0000 url(img/error.gif) no-repeat left center;
  color: #fff;
  padding: 10px 10px 10px 35px;
  margin: 10px;
  font-size: 11px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
}

#warning, .warning{
  background: #fefeac url(img/warning.gif) no-repeat left center;
  padding: 10px 10px 10px 35px;
  margin: 10px;
  font-size: 11px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
}

#error a, .error a{
    color: #fff;
}

.legend{
    clear: both;
    color: #999;
    padding-top: 10px;
    text-align: center;
}

.entries{
    margin: 5px 10px;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    background: url(img/info.gif) no-repeat left center;
    border-top: 1px solid #ccf;
    border-bottom: 1px solid #ccf;
}

.pagecontent{
    padding: 10px;
}

table.pagecontent{
    width: 100%;
}

.infobox{
    margin: 10px 0;
    font-weight: bold;
}

.infobox thead{
    background: #F7F3F7 url(img/infoboxbg_up.gif) no-repeat right top;
    height: 23px;
    cursor:  Pointer;
}

.infobox thead #hideinfo, .infobox thead #hidefilter{
    background: #F7F3F7 url(img/infoboxbg.gif) no-repeat right top;
}

.ibactive{
	background: url(img/infoboxbg_up_active.gif) no-repeat right top;
}

.infobox thead td{
    border-left: 1px solid #eee;
    color: #393C39;
    font: 11px arial;
    font-weight: bold;
    line-height: 16px;
    
    border-bottom: 1px solid #999;
    height: 24px;
}

.infobox thead .infoimg{
    background: url(img/sinfo.gif) no-repeat left center;
    height: 16px;
    line-height: 16px;
    padding-left: 23px;
    font-weight: bold;
}

.infobox tbody .infotext{
    background: #fff;
}

#filter_on, #info_on{
    padding: 5px;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
}
/* -- End Messages ---------- */


/* -- Buttons --------------- */

.button{
	display: inline;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #eee url(img/newbutbg.gif) repeat-x top left;
	margin: 1px 2px;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	line-height: 22px;
	padding: 2px 4px;
	cursor: pointer;
}

html>body .button{
	padding: 4px 4px 1px;
	height: 22px;
}

html>body .button .pict{
	padding-top: 2px;
}

.button .pict-left{
	padding-left: 22px;
}

.button .pict-right{
	padding-right: 22px;
}

.ba{
    background: #eee url(img/newbutbgact.gif) repeat-x 1px left;
}

html>body .ba{
	background: #eee url(img/newbutbgact.gif) repeat-x top left;
}


a.buttonLink {
    text-decoration: none;
    font-size: 11px;
}

html>body a.buttonLink {
    line-height: 30px;
    margin: 2px;
}

a.buttonLink:hover{
    color: #000;
}

.button .notext{
    padding-left: 11px;
}

html>body .button .notext{
    padding-left: 15px;
}

/* -- End Buttons ----------- */

/* -- Tabs ------------------ */

.tab{
    /*height: 22px;*/
    padding: 0;
    margin: 0;
    background: url(img/tab_left.gif) no-repeat left top;
    border-bottom: 1px solid #94A6b5;
}

.tab-r, .tab-r-active{
    /*height: 18px;*/
    line-height: 17px;
    padding: 3px 8px 1px;
    background: url(img/tab_right.gif) no-repeat right top;
    white-space: nowrap;
}

.tab-active{
    background: url(img/tab_left_active.gif) no-repeat left top;
    /* border-bottom: none; OW: put away  */
    border-bottom-color: white;
}

.tab-r-active{
    background: url(img/tab_right_active.gif) no-repeat right top;
}

.tab-marked{
    background: url(img/tab_left_marked.gif) no-repeat left top;
}

.tab-r-marked{
    background: url(img/tab_right_marked.gif) no-repeat right top;
}

.tab-blanc{
    border-bottom: 1px solid #94A6b5;
}

.tabbed-body{
    background: #F7F7EF url(img/tabbg.jpg) repeat-x top left;
    padding: 10px;
    border: 1px solid #94A6b5;
    border-top: none;
}

.tabbed-body-back{
    background: #F7F7EF;
}

/* -- End Tabs -------------- */

/* -- Icons and stuff ------- */
.icon{
    vertical-align: middle;
    height: 16px;
    width: 16px;
}

.custbox{
    margin: 1px 4px 0 0;
    vertical-align: middle;
}

html>body .custbox{
    vertical-align: middle;
}

.refreshbox{
    margin-left: 15px;
}

.btop{
    border-top: 1px solid #E7DFE7;
}

.zoomin{
    margin-right: 5px;
}

.zoomout{
    margin: 3px 0 0 2px;
}

.quest{
    vertical-align: middle;
}

html>body .quest{
    vertical-align: middle;
}

a.head{
    text-decoration: none;
}
/* -- End Icons ------------- */


/* -- Forms ---------------- */
.longinput{
    width: 95%;
}

.mycheckbox{
	border: none;
	margin-right: 3px;
	vertical-align: middle;
}

.myradio{
	border: none;
}

.mybutton{
    background: #eee;
    border: 1px solid;
    border-color: #DADADA #848484 #848484 #DADADA;
}

.mybutton:hover{
    border-color: #848484 #DADADA #DADADA #848484;
    cursor:  Pointer;
    background: #eee;
    color: #000;
}

input{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    color: #000;
    background-color: #FFFFFF;
    margin: 0px;
    border: 1px solid #777;
    height: 18px;
	padding-left: 2px;
}

input:hover, textarea:hover, select:hover {
    color: #000;
    background: #ffc;
}

input.big {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12pt;
    color: #000000;
    background: #fff;
    height: 24px;
}

select {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    color: #000000;
    background: #fff;
    margin: 0px;
    padding: 0px;
    border: 1px solid #777;
}

textarea{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    color: #000000;
    background: #fff;
    border: 1px solid #777;
    margin: 2px;
    padding: 1px;
}

/* -- End Forms ------------- */


/* -- Mail ------------------ */
.mailheader{
    background: #eee;
}
/* -- End Mail -------------- */


/* -- Borders --------------- */
.border1{
    border: 1px solid #eee;
}
/* -- End Borders ----------- */



.ddmx {
    font: 11px tahoma;
}
.ddmx .item1, .ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover {
    margin-right: 1px;
    background: #000000;
    font: 11px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	background: url(img/but_left.gif) no-repeat left top;
	height: 21px;
	font-family: Tahoma, Arial, Helvetica;
}

.btext{
    padding: 3px 15px 3px 10px;
	background: url(img/but_right.gif) no-repeat right top;
	cursor:  Pointer;
}


.ddmx .item2, .ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
    font-family: Tahoma, Arial, Helvetica;
}

.ddmx .item2 {
    background: #fff;
	border: 1px solid #fff;
}

.ddmx .item2:hover, .ddmx .item2-active, .ddmx .item2-active:hover {
    text-decoration: underline;
}

.ddmx .arrow, .ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
	border: 1px solid #fff;
}

.ddmx .item2 img, .ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
    background: #fff;
}

.ddmx .section {
    border: 1px solid #333;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    background: #fff;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */

/* the big calendar project ---- */
/* Style sheet for the silver calendar (default) */


/* Background images for tables */
.tbll	{background: url(img/shadow_l.gif) no-repeat; width:8px}
.tblbot	{background: url(img/shadow_m.gif) repeat-x; width:100%}
.tblr	{background: url(img/shadow_r.gif) no-repeat; width:8px}

.alldaybg_1 {background: url(img/allday_1.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_2 {background: url(img/allday_2.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_3 {background: url(img/allday_3.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_4 {background: url(img/allday_4.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_5 {background: url(img/allday_5.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_6 {background: url(img/allday_6.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_7 {background: url(img/allday_7.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}

.rowOn			{ background-color: #cfc; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOn2			{ background-color: #cfc; border-top: 1px solid #fff; }
.rowOff			{ background-color: #E1E8F1; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOff2		{ background-color: #E1E8F1; border-top: 1px solid #fff; }
.rowToday		{ background-color: #cff; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.resRow         { background-color: #E1E8F1;}

.padd			{ padding: 2px; }

/* Styles for day and week events */
.eventbg_1	 	{ background-color: #557CA3; padding: 2px;}
.eventbg_2	 	{ background-color: #53A062; padding: 2px;}
.eventbg_3	 	{ background-color: #E84F25; padding: 2px;}
.eventbg_4	 	{ background-color: #B257A2; padding: 2px;}
.eventbg_5	 	{ background-color: #D42020; padding: 2px;}
.eventbg_6	 	{ background-color: #B88F0B; padding: 2px;}
.eventbg_7	 	{ background-color: #73738C; padding: 2px;}
#allday a		{ font-size: 9px; color: #fff; font-weight: 900; text-decoration:none;}
#allday a:hover	{ text-decoration:underline;}

.eventbg2_1	 		{ background-color: #6699CC; border: 1px solid #557CA3; }
.eventbg2_2	 		{ background-color: #4FC464; border: 1px solid #53A062; }
.eventbg2_3	 		{ background-color: #FF6D3B; border: 1px solid #E84F25; }
.eventbg2_4	 		{ background-color: #EA62D4; border: 1px solid #B257A2; }
.eventbg2_5	 		{ background-color: #FF5E56; border: 1px solid #D42020; }
.eventbg2_6	 		{ background-color: #CCB21F; border: 1px solid #B88F0B; }
.eventbg2_7	 		{ background-color: #9292A1; border: 1px solid #73738C; }

.dayborder 		{ background-color: #fff; border-top: 1px solid #A1A5A9; }
.dayborder2 	{ background-color: #fff; border-top: 1px dashed #ccc; }

.title  		{ background-image: url(images/time_bg.gif); padding: 5px; }
.title h1 		{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0px;}

/* Month View */

.monthback		{ background-color: #A1A5A9; }
.monthreg		{ background-color: #fff;    height: 105px; width: 14.2%; text-align: left; vertical-align: top; }
.monthoff		{ background-color: #F2F2F2; height: 105px; width: 14.2%; text-align: left;  vertical-align: top; }
.monthon		{ background-color: #F2F9FF; height: 105px; width: 14.2%; text-align: left;  vertical-align: top; }
.montheventtop	{ background-image: url(images/side_bg.gif); border-top: 1px solid #A1A5A9; }
.montheventline	{ border-right: 1px dotted #A1A5A9; }
.weekend		{ background-color: #FFE9E2; }

/* Year View */

.medtitle		{ background-image: url(images/side_bg.gif); height: 20px; margin-top: 3px; font-weight: 900; }
.yearreg		{ background-color: #fff; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
.yearoff		{ background-color: #F2F2F2; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearon			{ background-color: #F2F9FF; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearmonth		{ background-color: #ccc; }
.yearweek		{ background-color: #eee; width: 30px; font-size: 9px; font-weight: 900; text-align: center; height: 15px; }


/* older styles */

.eventborder	{ background-image: url(images/day_title.gif); border: 1px #006699 solid; }
.eventbg	 	{ background-color: #6699CC; }

.calborder 		{ background-color: #fff; border: 1px #A1A5A9 solid; }
.resborder td   { background-color: #fff; border: 1px #A1A5A9 solid; border-width: 0 1px 1px 0; }
.resborder td td{ border: none; }
.dateback		{ background-color: #eee; }
.weekborder 	{ border-top: 1px dashed #A1A5A9; border-right: 1px solid #A1A5A9; }
.weekborder2 	{ border-right: 1px solid #A1A5A9; }
.timeborder 	{ border-right: 2px solid #A1A5A9; border-top: 1px dashed #A1A5A9; background-image: url(images/time_bg.gif); }
.timeborder2 	{ border-right: 2px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-image: url(images/time_bg.gif); }
.navback 		{ background-image: url(images/time_bg.gif); }
.sideback 		{ background-image: url(images/side_bg.gif); }


/* Link colors and attributes */
/* This is the main link style */
a.psf, .psf		{ text-decoration:	none; }
a.psf:link, .psf	{ color: #0066FF; }
a.psf:visited	{ color: #0066FF; }
a.psf:active	{ color: #3366CC; }
a.psf:hover		{ color: #000099; text-decoration: underline; }

/* This is the link style for the mini-cals */
a.ps2			{ text-decoration:	underline; }
a.ps2:link		{ color: #0066FF; }
a.ps2:visited	{ color: #0066FF; }
a.ps2:active	{ color: #3366CC; }
a.ps2:hover		{ color: #000099; }

/* This is the link style for year months */
a.ps3			{ text-decoration:	none; }
a.ps3:link		{ color: #000; }
a.ps3:visited	{ color: #000; }
a.ps3:active	{ color: #000; }
a.ps3:hover		{ color: #000; text-decoration: underline; }

/* This is the link style for events */
a.ps, .ps		{ text-decoration:	none; }
a.ps:link, .ps	{ color: #fff; }
a.ps:visited	{ color: #fff; }
a.ps:active		{ color: #fff; }
a.ps:hover		{ color: #fff; text-decoration: underline; }

/* CSS definitions for fonts */

.V9 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:	none;}
.V9W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration:	none;}
.V10WB 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.V9BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.G10 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.V12 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; }
/*h1 				{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }*/
.eventfont 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }


/* Length of the form drop downs */

.query_style 	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }

.nobreaks td{
	white-space: nowrap;
	vertical-align: middle;
}

/* expert search */
.condition{
	border-right: 1px solid #999;
	text-align: right;
	font-weight: bold;
}

.exppart{
	margin: 15px;
	padding: 0 10px 5px;
	border: 1px solid #aaa;
	background: #fff;
}

.connector{
	text-align: center;
}

.alt_legend{
	text-align: left;
	margin-bottom: 5px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

/* CRM */
.crmFieldName{
	text-align: right;
}

.crmFieldData{
	border-bottom: 1px solid #ddd;
	font-style: italic;
}

.crmButtons, #fd_footer{
	text-align: center;
	border-top: 1px solid #aaa;
	background: #eee;
	padding-top: 1px;
	height:100px;
}

/* HELP */
.helpTitle{
	text-align: left;
	color: #006;
	padding: 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #aaa;
	font-size: 16px;
}

.helpTitle a{
	font-size: 16px;
}

#helpContent, #helpTopics{
	border-bottom: 1px solid #aaa;
}

.helpComment{
	padding: 5px;
}

.helpCommentTitle{
	color: #666;
	font-style: italic;
}

.helpCommentAdd{
	text-align: center;
	margin: 5px;
	font-weight: bold;
}

/* dataTable */
.dataTableInformer {
	font-size: 6pt; 
	font-weight: normal;
}

td.tdWithLink:hover {
	text-decoration: underline;
}

.noBg {
	background-color: #fff;
}

/* Info Sites */
div.infoLeft {
	float: left;
	width: 48%;
}

div.infoRight {
	float: right;
	width: 48%;
}

div.infoBlock {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

div.InfoItem {
	background: url(img/info_item_off.gif) no-repeat left top;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 30px;
	color: #7B7D73;
}

div.infoItem:hover, div.infoItemHover {
	background: url(img/info_item.gif) no-repeat left top;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 30px;
	color: #000;
}

div.infoHeadline {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #c0c0c0;
}

div.infoDescription {
	font-size: 10px;
	text-align: justify;
}

/* viewChooser */
div.viewChooserItem {
	width:49%;
	text-align:center;
	cursor: pointer;
}

div.viewChooserItemSelected {
	background-color: #FFFF72;
}

.timedrag td{
	height: 16px;
	width: 20px;
	background: #fff;
	text-align: center;
	cursor: pointer;
	font-size: 10px;
	color: #888;
}

.timedrag td.selected{
	background: #cfc;
}

#loading_z{
	/*display: none;*/
	position: absolute; 
	top: 61px;
	left: 0px;
	background: url('img/gridder.gif') repeat center center;
	text-align: center;
}

#loading_z_in{
	margin: 150px auto;
	width: 150px;
	height: 45px;
	line-height: 45px;
	background: #fff url('img/loading.gif') no-repeat center center;
	border: 1px solid #ddd;
	padding: 15px;
	text-align: center;
}

#treeboxbox_tree{
	padding-top: 15px;
}

.done, td.done span a{
	color: #999;
	text-decoration: line-through;
}

.state_ok{
	background: #efe;
}

.state_warning{
	background: #ffe;
}

.state_alert{
	background: #fee;
}

/* ---- fixed design ----- */
body.fixeddesign
{
	overflow:hidden; 
}
body.fixeddesign #fd_header,body.fixeddesign  #fd_content,body.fixeddesign  #fd_footer
{
	width:100%;
	overflow:hidden;
}

body.fixeddesign #fd_content 
{
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	bottom:25px; 
}
* html body.fixeddesign #fd_content 
{
	top:0; 
	bottom:0; 
	height:100%;
	border-top:solid #fff; 
	border-bottom:23px solid #fff;
}


body.fixeddesign.fd_tabs #fd_content,body.fixeddesign  #fd_content		{ 
	top:52px;
}
body.fd_simple #fd_content	{ 
	top:26px;
}

* html body.fixeddesign.fd_tabs #fd_content,* html body.fixeddesign #fd_content	{ 
	border-top-width:52px;
	top:0;
}
* html body.fixeddesign.fd_simple #fd_content	
{
	border-top-width:26px;
	top:0;
}
body.fixeddesign #fd_header 
{
	position:absolute;
	top:0; 
	z-index:5; 
}
/*
* html #fd_header 
{
	top:0; 
	height:52px;
}*/

body.fixeddesign.fd_tabs #fd_header, body.fixeddesign #fd_header		{ 
	height:52px;
}
body.fixeddesign.fd_simple #fd_header	{ 
	height:26px;
}

body.fixeddesign #fd_footer
{	
	position:absolute; 
	bottom:0; 
	width:100%;
	height:23px; 
	z-index:5; 
	text-align:center;
}
* html body.fixeddesign #fd_footer 
{
	bottom:0; 
	height:23px;
}
body.fixeddesign  #fd_footer .button
{
	position:relative;
	top:-3px;
}

* html body.fixeddesign #fd_footer .button
{
	top:-1px;
}

/* ------ just to try new UI ------- */

body.popup .head
{
	
		font-family: Tahoma;
		font-size: 12px;
		height: 24px;
		line-height: 24px;
		padding-left: 5px;
		font-size: 16px;
		font-weight: bold;
		color: white;
		border-top: 1px solid #002D96;
		border-left: 1px solid #002D96;
		border-right: 1px solid #002D96;
		background-image:url(../style/win_blue/images/bar_head_backgnd.jpg);
		margin-left: 4px;
		margin-right: 4px;
	
}

body.popup
{
	background-color: #E0DFE3;
}
body.popup #fd_content #fd_content_content
{
	padding:3px 6px;
}
body.popup #fd_footer
{
	background-color: #E0DFE3;
	border-top-width:0;
}