html
{
	width:100%; 
	height:100%;
	padding:0; 
	margin:0; 
	padding-left:1;
}

body
{
  width:100%;
	height:100%; 
  padding:0; 
  margin:0;
  text-align:center; 
  vertical-align: middle;
	background:url(../images/background.jpg) center top repeat-y fixed;
  background-color:#FFFFCC;
}

#window_main {
  background-color:#FFFFCC;
}

#div_window_main {
background:url(../images/background_shadow.png) center top repeat-y;
}

/************************** FONTS *********************************/
.href:active   { font-style: normal; color: #003399; text-decoration:none;}
.href:link     { font-style: normal; color: #003399; text-decoration:underline;}
.href:visited  { font-style: normal; color: #003399; text-decoration:underline;}
.href:hover    { font-style: normal; color: #003399; text-decoration:none;}

.icon_href				  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.icon_href:active   { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.icon_href:link     { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.icon_href:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.icon_href:hover    { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}

.menu_href:active   { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.menu_href:link     { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.menu_href:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.menu_href:hover    { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}

.letter_href   				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.letter_href:active   { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.letter_href:link     { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.letter_href:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.letter_href:hover    { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:underline; font-weight: bold;}

.directive_href:active   { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.directive_href:link     { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.directive_href:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none;}
.directive_href:hover    { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:underline;}

.tab_href_off    { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.tab_href_on    { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #FFFFCC; text-decoration:none; font-weight: bold;}

.menu_on { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.menu_on:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #003399; text-decoration:none; font-weight: bold;}
.menu_off { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #537CC3; text-decoration:none; font-weight: bold;}
.menu_off:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; color: #537CC3; text-decoration:none; font-weight: bold;}

.empty 
{ 
	font-size: 1px
}

/************************** Arial *********************************/
.font8a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8px;
	color: #003399
}

.font10a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399
}

.font11a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399
}

.font12a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399
}

.font13a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #003399
}

.font14a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399
}

.font16a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399
}

.font18a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399
}

.font20a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #003399
}

.font30a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	color: #003399
}

/********************** Arial (light) ****************************/
.font12al
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #7797BE;
}
/******************************************************************/

/**************************** INPUT *******************************/
select {
	border-top: 1px #003399 solid;
	border-bottom: 1px #B8C6C5 solid;
	border-left: 1px #003399 solid;
	border-right: 1px #B8C6C5 solid;

	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.selectbox_100 {
	width:110px;
}

.selectbox_130 {
	width:135px;
}

.selectbox_150 {
	width:150px;
}

.selectbox_175 {
	width:175px;
}

.selectbox_200 {
	width:200px;
}

.selectbox_250 {
	width:250px;
}

.selectbox_300 {
	width:300px;
}

.selectbox_350 {
	width:350px;
}

.selectbox_400 {
	width:395px;
}

.selectbox_500 {
	width:495px;
}

.selectbox {
	width:398px; /*367px;*/
}

i.color {
	font:bold;
	color: #59A8B3;
}

input { 
	border-top: 1px #003399 solid;
	border-bottom: 1px #B8C6C5 solid; /*537CC3*/
	border-left: 1px #003399 solid;
	border-right: 1px #B8C6C5 solid;

	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;

	color: #003399; 
}

textarea { 
	border-top: 1px #003399 solid;
	border-bottom: 1px #B8C6C5 solid;
	border-left: 1px #003399 solid;
	border-right: 1px #B8C6C5 solid;

	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;

	color: #003399; 
}

input.loginbox {
	width: 160px;

	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

input.submit  {
	width: 160px; 
	height: 20px; /*18px;*/

	clip:	rect(   );
	cursor: hand;

	text-align: center;
	font-weight: normal;

	background-color: #597EC9;
	
	border-top: 2px #B8C6C5 solid;
	border-bottom: 2px #003399 solid;
	border-left: 2px #B8C6C5 solid;
	border-right: 2px #003399 solid;
	
	font-size: 11px; 
	color: #FFFFCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

input.button  {
	width: 100px; 
	height: 20px; /*18px;*/

	clip:	rect(   );
	cursor: hand;

	text-align: center;
	font-weight: normal;

	background-color: #597EC9;
	
	border-top: 2px #B8C6C5 solid; 
	border-bottom: 2px #003399 solid;
	border-left: 2px #B8C6C5 solid;
	border-right: 2px #003399 solid;
	
	font-size: 11px; 
	color: #FFFFCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

div.contextMenu input.icon_href {
	background-color: #F3F3EE;
}

.input_field {
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

ul {
	list-style-position:inherit;
/*	list-style-position: outside;*/
}

li {
	padding-left:16px; 
	list-style-position:outside;
	list-style-image:url('../images/dot.gif');
}

div.autocomplete {
	position:absolute;
	width:500px;
	background-color:white;
	border-top: 1px #003399 solid;
	border-bottom: 1px #B8C6C5 solid; /*537CC3*/
	border-left: 1px #003399 solid;
	border-right: 1px #B8C6C5 solid;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { 
	background-color:#F0F5D0;
}
div.autocomplete ul li {
	list-style-type:none;
	list-style-image:none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
	cursor:pointer;
}

form {
	display: inline;
}
/******************************************************************/

/*********************** TABLE LAYOUT *****************************/
#table_border_light {
	background-color: #42B4FF;
	border: 0px; 
}
#table_border_dark {
	background-color: #0081D7;
	border: 0px; 
}
#table_body {
	background-color: #0099FF;
	border: 0px; 
}

.table_cell_background {
	background-color: #EFF4D1;
}

.table_cell_top {
  border-top: 1px #90ABCF solid; 
}

.table_cell_bottom {
  border-bottom: 1px #90ABCF solid;
}

.table_cell_left {
  border-left: 1px #90ABCF solid;
}

.table_cell_right {
  border-right: 1px #90ABCF solid;
}

.table_cell_all {
  border-top: 1px #90ABCF solid; 
  border-bottom: 1px #90ABCF solid;
  border-left: 1px #90ABCF solid;
  border-right: 1px #90ABCF solid;
}

.table_cell_background_highlight {
	background-color: #E2E8C4;
}
.table_body_background_highlight {
	background-color: #F7F7C5;
}

/**************** EU ***********************/
.table_cell_top_eu {
  border-top: 3px #333A96 solid; 
}

.table_cell_bottom_eu {
  border-bottom: 3px #333A96 solid;
}

.table_cell_left_eu {
  border-left: 3px #333A96 solid;
}

.table_cell_right_eu {
  border-right: 3px #333A96 solid;
}

/**************** US ***********************/
.table_cell_top_us {
  border-top: 3px #D55D59 solid; 
}

.table_cell_bottom_us {
  border-bottom: 3px #D55D59 solid;
}

.table_cell_left_us {
  border-left: 3px #D55D59 solid;
}

.table_cell_right_us {
  border-right: 3px #D55D59 solid;
}

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

/*************************** MENU *********************************/
#menu { 
	font-size: 12px;
	color: #003399;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

#sub_menu{ 
	font-size: 12px; 
	color: #003399; 
	background-color: #FFFFFF; 
	font-family: Arial, Verdana, Helvetica, sans-serif
}

#menu_foot {
	height: 100%;
}

#menu_off {
	
}

#menu_highlight {
	background-color: #42B4FF; 
}

#member_menu_off {
	background-color: #FFFFFF; 
}

#member_menu_highlight {
	background-color: #DDDDDD; 
}

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

/************************** WINDOW ********************************/
.box {
  background-color: #FFFFCC;
	
  border-top: 3px #EFF4D1 solid; 
  border-bottom: 4px #EFF4D1 solid;
  border-left: 4px #EFF4D1 solid;
  border-right: 4px #EFF4D1 solid;
  
  color: #003399;

  padding: 0px;
}
.loading_box {
  background-color: #FFFFFF;
	
  border-top: 4px #EFF4D1 solid; 
  border-bottom: 4px #EFF4D1 solid;
  border-left: 4px #EFF4D1 solid;
  border-right: 4px #EFF4D1 solid;
  
  color: #003399;

  padding: 0px;
}

#logo_border { 
	border: gray; /*#003399; */
	border-style: solid; 
	border-width: 1px; 
	background-color: #FFFFFF
}

.directive_border { 
	border: gray; /*#003399; */
	border-style: solid; 
	border-width: 1px; 
	background-color: #FFFFCC
}

#background {
	background-image:url(../images/background.jpg);
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: center center;
}

#header_background {
	background-image:url(../images/header_background.jpg);
	background-attachment: fixed; 
	background-repeat: repeat-x; 
	background-position: center center;
}

#separator {  
	border: #99CCCC;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
}

#separator_light {  
	border: #F5F5F5; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
}

#separator_dark {  
	border: #E6E6E6; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px
}

.subtitle {  
	border-top: 1px #EFF4D1 solid; 
	border-bottom: 1px #90ABCF solid;
	border-left: 1px #EFF4D1 solid;
	border-right: 1px #90ABCF solid;

	background-color: #C1D5E0;
	
	height: 20px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
}

.subtitle_text {
	height: 20px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
}

.sectiontitle {  
	border-top: 1px #EFF4D1 solid; 
	border-bottom: 1px #90ABCF solid;
	border-left: 1px #EFF4D1 solid;
	border-right: 1px #90ABCF solid;

	background-color: #C1D5E0;
}

.disable_sectiontitle {
	background-color: #E2EBE3 !important;
	color: #7FA1CF !important;
}

.disable_sectiontitle .font12a {
	color: #7FA1CF !important;
}

.intern_menu {
	background-color: #EFF4D1;
}

.public_menu {
	background-color: #FFFFCC;
}

/************************** ELEMENTS *******************************/
#highlight_onmouseover {  
	background-color: #F0F5D0;
}

#highlight_onmouseout {  
	background-color: #FFFFCC;
}

.highlight_even {  
	border: 0px solid #FFFFCC;
	background-color: #FFFFCC;
	padding:2px;
}

.highlight_odd {  
	border: 0px solid #EFF4D1;
	background-color: #EFF4D1;
	padding:2px;
}

.highlight_create {  
	background-color: #F2FAFF;
}

#highlight_list {
	background-color: #B7E0FF;
}

/************************** LINES *********************************/
.line {  
	border-top: 1px solid #003399;
	/*font-size: 1px;*/
}

.line_light {  
	border-top: 1px solid #EFF4D1;
	/*font-size: 1px;*/
}

.bottom_line {  
	border-bottom: 1px solid #003399;
	/*font-size: 1px;*/
}

.header_line {  
	background: #EFF4D1;
}

/************************** WINDOW ********************************/
.main_border {
	border-top: 2px solid #003399;
	border-bottom: 2px solid #003399;
	border-left: 2px solid #003399;
	border-right: 2px solid #003399;
}

.main_border_top {
	border-top: 2px solid #EFF4D1;
}

.main_border_bottom {
	border-bottom: 4px solid #EFF4D1;
}

.main_border_left {
	border-left: 4px solid #EFF4D1;
}

.main_border_right {
	border-right: 4px solid #EFF4D1;
}

.sub_window {
	/*
	opacity:.85;
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
	*/
}

.main_tab_off {
	border-top: 1px solid #F5F5D6; /*FFFFCC*/
	border-bottom: 1px solid #B7CCD6;
	border-left: 1px solid #F5F5D6; /*FFFFCC*/
	border-right: 1px solid #B7CCD6;
	background-color: #EFF4D1; 
	
	color: #003399;
}

.main_tab_on {
	border-top: 1px #B7CCD6 solid;
	border-bottom: 1px #003399 solid;
	border-left: 1px #B7CCD6 solid;
	border-right: 1px #003399 solid;
	background-color: #597EC9;
	
	color: #FFFFCC;
}

.main_tab_highlight {
	border-top: 1px solid #EFF4D1;
	border-bottom: 1px solid #90ABCF;
	border-left: 1px solid #EFF4D1;
	border-right: 1px solid #90ABCF;
	background-color: #C1D5E0; /*B7CCD6*/
	
	color: #003399;
}

#member_border {
	border-top: 2px solid #0081D7;
	border-left: 2px solid #0081D7;
	border-bottom: 2px solid #42B4FF;
	border-right: 2px solid #42B4FF;
	background-color: #FFFFFF; 
}

#error_border {
	border: red; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

#warning_border {
	border: blue; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

#ok_border {
	border: green; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}
/******************************************************************/

/************************** STATISTIC *****************************/
#person {  
	background-color: #0099FF; 
	border-top: 1px solid #42B4FF;
	border-left: 1px solid #42B4FF;
	border-right: 1px solid #0081D7;
	border-bottom: 1px solid #0081D7; 
}
#member {  
	background-color: #FF0000; 
	border-top: 1px solid #FF6A6A;
	border-left: 1px solid #FF6A6A;
	border-right: 1px solid #BB0000;
	border-bottom: 1px solid #BB0000; 
}
#observer {  
	background-color: #FF6600; 
	border-top: 1px solid #FF8C40;
	border-left: 1px solid #FF8C40;
	border-right: 1px solid #BF4D00;
	border-bottom: 1px solid #BF4D00; 
}
#visitor {  
	background-color: #FF9900; 
	border-top: 1px solid #FFBD5B;
	border-left: 1px solid #FFBD5B;
	border-right: 1px solid #C47500;
	border-bottom: 1px solid #C47500; 
}
/******************************************************************/

/************************** CALENDER ******************************/
.weekdayname
{
    BACKGROUND-COLOR: #003399;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}
.weekday
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #003399;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.sat
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #666666;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.sun
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #ff0000;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.holiday
{
	FONT-FAMILY: Tahoma, Arial, Helvetical;
	FONT-SIZE: 8pt;
	TEXT-ALIGN: right;
	text-decoration : none;
}
#today
{
	border : 1px solid Red;
}

.notthismonth
{
    BACKGROUND-COLOR: #e1e1e1;
    COLOR: #999999;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
} 
/******************************************************************/

/************************ CONTEXT MENU ****************************/
div.contextMenu{
	background-color:#f3f3ee;
	border: 1px solid #cccccc; 
	position: absolute;
}

.contentMenuLine{
	border-top: 1px solid #cccccc; 
}

div.contextMenu table tr td{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}

div.contextMenu table tr{
	padding-top:2px;
}

/****************** INPLACEEDITOR **********************/
form.inplaceeditor-form { /* The form */
	display:inline;
}

form.inplaceeditor-form input.editor_field,
form.inplaceeditor-form input[type="text"] { /* Input box */
	border:1px solid #FFFFEE; /*#9CB2C7;*/
	background-color:#FFFFEE;
	width:100%;
	margin-bottom:2px;
	
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#33;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
	border:1px solid #9CB2C7;
	width:100%;
	margin-bottom:2px;
	
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#33;
}

input.selector_cancel_button,
form.inplaceeditor-form input.editor_cancel_button,
form.inplaceeditor-form input.editor_ok_button {
	width: 100px; 
	height: 20px; /*18px;*/

	clip:	rect(   );
	cursor: hand;

	text-align: center;
	font-weight: normal;

	background-color: #597EC9;
	
	border-top: 2px #B8C6C5 solid; 
	border-bottom: 2px #003399 solid;
	border-left: 2px #B8C6C5 solid;
	border-right: 2px #003399 solid;
	
	font-size: 11px; 
	color: #FFFFCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


form.inplaceeditor-form input.editor_ok_button {
}

form.inplaceeditor-form input.editor_cancel_button{
	margin-left:3px;
}

input.selector_cancel_button {
	margin-top:2px;
}

.inplaceeditor-saving {
	padding-left:30px;
}

div.vcard {
}

div.vcard .address{
	margin-top:4px;
}

div.vcard hr {
	margin:8px 0;
	padding:0;
	height:1px;
	border:none;
	border-bottom:1px solid #003399;
}}