@import url("calendar.css");
@import url("registration.css");

/********************************************************************/
/* 					Common tags style 								*/
/********************************************************************/

html { margin: 0; padding: 0; vertical-align: top; border: none; }
html,
body,
center { border: none; }
body { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color: #555; font-size: 12px; width: 922px; background: #FFF; }

a,
a:visited { color: #fb8f23; text-decoration: none; }
img { border: 0; margin: 0; padding: 0; }
input { padding: 0px 3px 0px 5px; height: 24px; width: 243px; border: none; margin: 0; float: left; background: url(../images/text-field-bg1.gif) no-repeat; color: #555; overflow: hidden; }

/* allgemeine Klassen */

.orange { color: #e87f02; }
.noborder { border: none; }
.no_bottom_border { border-bottom: none; }
.start { margin: 0 0 0 1px ; }
div.cleardiv { font-size: 0px; line-height: 0px; height: 0px; clear: both; }

.sbd-magnifier { background: url(../images/clear.png) no-repeat scroll 0 0 transparent; cursor: pointer; height: 16px; width: 16px; margin: 4px 0 0 0; padding: 0; }

.container { margin: 0; width: 922px; min-height: 800px; padding:0 0 0 10px; text-align: left; position: relative; background: #FFF url(../images/bg-repeat.jpg) repeat-y center; float: left; border: none; }


/*****  HEADER start  *****/

.top { background: #FFF url(../images/top.jpg) no-repeat left bottom; padding: 0; margin: 0; height: 123px; width: 922px; float: left; }
* html .top { margin: 0 0 0 -5px; }
.lang { float: right; padding: 25px 25px 0px 0px; color: #555; }
.lang a,
.lang a:visited  { color: #b9b9ad; padding: 0 5px; }
.lang_span { float: left; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 3px 0 0; }
.language { border: none; float: left; margin: -5px 0 0 0; padding: 0; }

/*****  HEADER end  *****/


/*****  MAIN-CONTENT-AREA start  *****/

.main_content { margin: 0px 13px 0 0; padding: 0; float: left; border: 0; background: transparent; }

/*****  MAIN-CONTENT-AREA end  *****/


/*****  FOOTER start  *****/

.footer { width: 910px; float: left; margin: 0 0 0 10px; background: #FFF url(../images/bg-repeat.jpg) repeat-y;	}
.menu_bottom { float: left; margin: 5px 0 0 3px; background: #f8a13a url(../images/bgr_bottom_menu.jpg) repeat-x; width: 896px; }
.menu_bottom h2 { font-size: 12px; color: #555; margin: 0; padding: 0; }
.menu_bottom td { width: 155px; padding: 5px; border-right: 1px solid #fff; vertical-align: top; text-align: left; }
.menu_bottom a { display: block; float: left; width: 100%; color: #666666; text-decoration: none; }

.copy { background: url(../images/bgr_copy.jpg) repeat-x; height: 26px; float: left; width: 902px; }
.footer_corner_left { float: left; background: url(../images/corner_left_bottom.jpg) no-repeat; width: 14px; height: 26px; }
.footer_corner_right { float: right; background: url(../images/corner_right_bottom.jpg) no-repeat; width: 14px; height: 26px; }

/*****  FOOTER end  *****/


/********************************************************************/
/* 						Login page							 		*/
/********************************************************************/

.sbd_mb .img { width: 300px; text-align: center; float: left; height: 350px; }
.sbd_mb .img embed { margin: 5px 0 0 7px; padding: 0; float: left; }
.sbd_mb .login { width: 580px; float: left; margin: 0; padding: 0; color: #555; font-size: 11px; letter-spacing: 1px; position: relative; }
.sbd_mb .user { float: left; width: 280px; }
.sbd_mb .user_title { margin: 0 0 0 1px; float: left; width: 100%; font-weight: bold; }
.sbd_mb .reg_link { float: left; margin: 4px 0px 0px 1px; }
.left4 { float: left; margin: 4px 0px 0px 1px; }
.sbd_mb .login_mess { height: 30px; width: 100%; color: #f57f04; text-transform: none; float: left; padding:15px 0 0 0px; }

.sbd_mb .personal_info { margin: 10px 0 0 0; padding: 0; float: left; color: #555; }
.sbd_mb .personal_info li { list-style: none; background: url(../images/bullet.gif) no-repeat; margin: 4px; padding: 0 0 0 15px; letter-spacing: 0; }



/********************************************************************/
/* 					Rich Faces components style						*/
/********************************************************************/

.rich-color-picker-ext { background-color: #FFF; }

.rich-panel { border: none; margin: 0; padding: 0; background: transparent; background-color: transparent; color:#555; }
.rich-panel-body { margin: 0; padding: 0; border: none; background-color: transparent; }
.rich-dataTable,
.rich-tabPanel,
.rich-tab { border: none; margin: 0; padding: 0; }
.rich-tabpanel-content { padding: 0; border: none; }

.rich-column { border: none; margin: 0; padding: 0; }
.rich-mpnl-content { background-color: transparent; border: none; }


/*			Combobox Design					*/
/********************************************/

.combobox_genre { float: left; margin: -16px 0 0 0; }
.combobox_category { float: left; margin: -8px 0 0 200; }

input.rich-combobox-font { text-transform: none; padding: 4px 0 0 5px; padding: 2px 0px 2px 5px; float: left; color: #555; }
input.rich-combobox-font-inactive { text-transform: none; padding: 4px 0 0 5px; padding: 2px 0px 2px 5px; float: left; color: #555; }
input.rich-combobox-font-disabled { text-transform: none; padding: 2px 0px 2px 5px; }

input.rich-combobox-button { background: transparent url(../images/combobox-btn-bg1.gif) scroll no-repeat right top; width: 21px; height: 21px; border: none; margin: 0 0 3px 0; }
input.rich-combobox-button-inactive { background: transparent url(../images/combobox-btn-bg1.gif) scroll no-repeat right top; width: 21px; height: 21px; border: none; }
input.rich-combobox-button-disabled { background: transparent url(../images/combobox-btn-bg1.gif) scroll no-repeat  right top; width: 21px; height: 21px; border: none; margin: 0 0 3px 0; }

input.rich-combobox-input { background: transparent url(../images/combobox-input-bg1.gif) no-repeat scroll left top; width: 137px; height: 21px; border: 0px solid #fff !important; margin: 0 0 3px 0; }
input.rich-combobox-input-inactive { background: transparent url(../images/combobox-input-bg1.gif) no-repeat scroll left top; width: 137px; height: 21px; border: 0px solid #fff !important; }
input.rich-combobox-input-disabled { background: transparent url(../images/combobox-input-bg1.gif) no-repeat scroll left top; width: 137px; height: 21px; border: 0px solid #fff !important; }

.rich-combobox-item { color: #555; }
.rich-combobox-item-selected { color: #FFF; background-color: #808080; }
.rich-combobox-list-decoration{ background-color: #FFF; }


/*			Data Scroller Design			*/
/********************************************/

.rich-dtascroller-table { border: none;	}
.rich-datascr-button,
.rich-datascr-ctrls-separator  { border: none; }
.rich-datascr-act { border: none; color: #FB8F23; }
.rich-datascr-inact { border: none; color: #666666; width: 30px; }

.dataScroller { padding-left: 100px; }


/********************************************************************/
/* 						Main page							 		*/
/********************************************************************/

.h-panelGroup {
 border: none;
 margin: 0;
 padding: 0;
 background-color: transparent; 
}
.footer_links {
	float: right;	
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 10px;
}
.footer_links a {
	color: #b9b9ad;
	text-decoration: none;
	padding: 0 5px;	
}
.days {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 380px;
}
.days td {
	vertical-align: top;
	white-space: nowrap;
	width: 90px;
}
.left {
	float: left;
}
.left1 {
	height: 15px;
	margin: 0 0 4px 4px;
	float: left;
	padding: 0;
	width: 100%;
}
.left2 {
	float: left;
	margin: -8px 0 0 0;
}



.right {
	float: right;
	margin: 0 -1px 0 0;
}
.right_bottom {
	float: right;
	margin: 0 0 0 0;
}
#left,
#addressbook {
	float: left;
}
#right {
	float: right;
}
.panelImg {
 	float: right;
	margin: 0 10px 0 0;
	width: 150px;
	padding-top: 15px;
	text-align: center;
} 

 
 .small_img {
 	float:left;
	margin: 28px 0 0 -55px;
 }
.entry_title {
	margin:3px 0 0 15px;
	float: left;
	width: 100%;
	text-transform: uppercase;
	color: #555;
}
.bottom_line {
	width: 290px;
	margin: -10px 0 0 0px;
	float: left;
}
.bottom_line1 {
	width: 885px;
	margin: -10px 0 0 0px;
	float: left;
}




/* Login page */
.hdr {
	background: url(../images/hdr_bgr2.gif) repeat-x;
	font-weight: bold;
	color: #555;
	text-transform: uppercase;
	letter-spacing:1px;
	font-size: 12px;
	height: 24px;
	width: 290px;
	padding: 0px 0 0 0px;
	margin: -1px 0 0 -1px;
}
.hdr1 {
	background: url(../images/hdr_bgr2.gif) repeat-x;
	font-weight: bold;
	color: #555;
	text-transform: uppercase;
	letter-spacing:1px;
	font-size: 12px;
	height: 24px;
	width: 887px;
	padding: 0 0 0 0px;
	margin: -1px 0 0 -1px;
}
.loginTitle {
	color: #b9b9ad;
	padding: 3px 0 0  5px;
	margin: 5px 0 5px 8px;
	float: left;
	text-transform: uppercase;
	letter-spacing:1px;
	display: block;
}
.loginTitle1 {
	color: #b9b9ad;
	padding: 0px 0 0 0px;
	margin: 5px 0 3px 10px;
	float: left;
	text-transform: uppercase;
	letter-spacing:1px;
	display: block;
}


.mess {
	width: 100%;
	float: left;
	text-align: left;
	height: 40px;
	padding:0 0 0 15px;
	color: #d85a05;
}
.messFullLine {
	width: 50%;
	text-align: left;
	height: 40px;
	padding:0 0 0 15px;
	color: #d85a05;
}
.mess1 {
	width: 480px;
	float: left;
	text-align: left;
	height: 40px;
	padding:0 0 0 15px;
	color: #d85a05;	
}
.rich-messages-label {
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0;
	text-transform: none;
}
.messageErrorLabel {
	color: #FF0000;
}
.messageInfoLabel {
	color: #d85a05;
}
.login_pan {
	background: url(../images/login_pan.gif) no-repeat;
	height: 80px;
	width: 250px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	float: left;
}
.separator {
	background: transparent url(../images/hsep.png) no-repeat bottom center;
	height: 13px;
	width: 277px;
	float: left;
	margin: 0 0 3px 5px;
	/*background-color: Fuchsia;*/
}
.formTitle {
	color: #858380;
	padding: 0px 0 0 0px;
	margin: 5px 0 3px 0;
	float: left;
	text-transform: none;
}

.details {
	width: 100%;
	margin: -10px 0 0 0;
}

/* Main window areas: left and right */

.wideArea { 70%; }

.areaTitle1 { background-color: #FFFFFF; border-bottom: 1px solid #D45D00; border-left: 1px solid #DDDDDD; color: #555555; float: left; font-weight: bold; height: 28px; letter-spacing: 1px; margin: 0px 0 10px 0; padding: 10px 0 0 30px; text-transform: uppercase; width: 870px; }
.areaTitle { background: url(../images/bgr_title1.jpg) repeat-x scroll 0 0 transparent; color: #555555; float: left; font-weight: bold; height: 28px; letter-spacing: 1px; margin: 0px 0 10px 0; padding: 10px 0 0 30px; text-transform: uppercase; width: 870px; }

.Title { height: 28px; text-transform: uppercase; letter-spacing:1px; background: url(../images/bgr_title1.jpg) repeat-x; border-bottom: 1px solid #fff; padding: 10px 0 0 30px; margin: 0 0 10px 0; font-weight: bold; color: #555; width: auto; display: block; }
.Title1 { height: 28px; text-transform: uppercase; letter-spacing:1px; background: url(../images/bgr_title1.jpg) repeat-x; border-bottom: 1px solid #fff; padding: 10px 0 0 30px; margin: 0 0 10px -9px; position: relative; font-weight: bold; color: #555; width: 100%; display: block; float: left; }

/***  Address book  ***/

.addressContent { width: 270px; float: left; position: relative; margin: 0 0 0 1px; }
.sbd-filter-input { float: left; background: url(../images/text-field-bg-215_1.gif) no-repeat; margin: 0 0 0 7px; width: 205px; overflow:hidden; }
.addressContent .goBtn{ background: url(../images/Lupe_klein_eckig.png) no-repeat scroll 0 0 transparent; cursor: pointer; height: 25px; margin-top: 2px; padding: 0; width: 23px; display: inline; }
.addressContent .clearBtn{ background: url(../images/Kreuz_klein_eckig.png) no-repeat scroll 0 0 transparent; cursor: pointer; height: 25px; margin-top: 2px; padding: 0; width: 25px; display: inline; }
.add-contact-button { padding-top: 30px; }

.contactDetails { margin: 0 0 0 18px; padding: 0; float: right; width: 611px; position: relative; }
* html .contactDetails { width: 610px; margin: 0 0 0 0px; }
.adr,
.setings_addres { float: left; width: 580px; margin: 10px 0 0 10px; padding: 0; }
.adr .rich-tabpanel,
.setings_addres .rich-tabpanel{ float: left; position: relative; margin: 0 0 0 -2px; padding: 0; }
* html .adr .rich-tabpanel { margin: 0 0 0 5px;	}
* html .setings_addres .rich-tabpanel { margin: 0 0 0 -20px; }
.adr .rich-tabpanel-content-position,
.setings_addres .rich-tabpanel-content-position { float: left; position: relative; margin: 0 0 0 2px; background: url(../images/bgr_contact_det1.gif) repeat-y; border-top: 1px solid #dddddd; width: 575px; }
.adr .panel_body_container,
.setings_addres .panel_body_container { margin: 0; padding: 0; }
.adr table,
.setings_addres .adr table { float: left; margin: 0; padding: 0; }
.adr .rich-tab-active,
.user_data .rich-tab-active,
.rich-mp-container .rich-tab-active { background: url(../images/btn2.gif) no-repeat; border-top: none; border-left: none; border-right: none; border-bottom: 0px solid #dddddd; color: #555; margin: 0; padding: 0; position: relative; }
#adr_top_img { margin: -1px -10px 0 0; float: right; position: relative; background: url(../images/corber_right_contact1.gif) no-repeat; width: 23px; height: 12px; }
* html #adr_top_img { margin: -11px -5px 0 0; float: right; }
#adr_top_img1 { margin: -1px -11px 0 0; float: right; position: relative; }
* html #adr_top_img1 { margin: -11px -2px 0 0; float: right; }

div#addrTblDiv .extdt-ss-vsbl { background-color: #fff; background-image: url(../images/loading.gif); }
div#addrTblDiv .rich-filter-input { float: left; background: url(../images/text-field-bg-215_1.gif) no-repeat; margin: 0 0 0 7px; width: 215px; }
div#addrTblDiv .rich-extdt-maindiv { border: none; }
div#addrTblDiv .extdt-content { background-color: #FFF; padding-top: 5px; }
div#addrTblDiv .rich-extdt-cell { height: 75px; width: 300px; border: none; background-color: #FFF; }
div#addrTblDiv .rich-extdt-row { height: 75px; }
div#addrTblDiv .rich-extdt-firstrow { height: 75px; }


/* No padding in the tabpanel body: the style has to be set to a div tag which is used as body container */


/********************************************************************/
/* 	Format for an entry of type "<entry_name>	<input_field>" 		*/
/********************************************************************/

.name_val_row { height: 24px; display: block; float: left; background: transparent; margin: 1px; padding: 0 0 0 10px; width: 400px; }
.name_val_row.mehrzeilig { height: 40px; }
.name_val_row.mehrzeilig .entry_name { line-height: 16px; padding-top: 4px; }

.long_name_val_row { height: 25px; float: left; background: transparent; margin: 2px 0px; padding: 0 0 0 10px; width: 100%; }
.long_name_val_row  input.checkbox { margin: 0px; }
.long_name_val_row  img.rich-calendar-button { margin: 2px 0px 0px 4px; }

.long_input { background: transparent url(../images/text-field_360.gif) no-repeat scroll 0 0; border: medium none; color: #555; float: left; height: 24px; margin: 0; overflow: hidden; padding: 3px 0 0 8px; padding: 0px 3px 0px 6px; width: 350px; }
.time_input { float: none; background:transparent url(../images/text-field-bg_zip1.gif) no-repeat scroll 0 0; width:70px; margin:0 5px 0 10px; }
.hdr2 { background: url(../images/hdr_bgr2.gif) repeat-x; font-weight: bold; color: #555; text-transform: uppercase; letter-spacing:1px; font-size: 12px; height: 24px; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #EEEEEE; }
.hdr3 { background: url(../images/hdr_bgr2.gif) repeat-x; font-weight: bold; color: #555; text-transform: uppercase; letter-spacing:1px; font-size: 12px; height: 24px; width: 250px; padding: 0; margin: -1px 0 0 -1px; border-bottom: 1px solid #dddddd; float: left; }
.panel_body_container { width: 576px; float: left; margin: 0 0 0 10px; background: url(../images/bgr_contact_det1.gif) repeat-y; }
.panelContent { margin: 5px 0 0 0; float: left; background: transparent; color: #555; }
.entry_name { width: 130px; height: 24px; line-height: 24px; float: left; margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; color: #555; }
.time_entry_label { width: 40px; height: 23px; float: right; margin: 0; padding-right: 5px; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }
.entry_value { width: 100%; height: 24px; float: left; }
input.text_field_zip { background: url(../images/text-field-bg_zip1.gif) no-repeat; width: 70px; }
input.text_field_city { background: url(../images/text-field-bg_city1.gif) no-repeat; margin: 0 0 0 7px; width: 159px; }


/********************************************************************/
/* 						Style for a combobox						*/
/********************************************************************/

/* More info about the richfaces comobox component:
http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html_single/index.html#comboBox
*/
.menu { float: right; margin: -23px 30px 0 0; width: auto; height: 23px; text-align: right; }
.menu a {
	background-image: none;
	width: 126px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: uppercase;
	letter-spacing:1px;
	color: #767676;
	text-decoration: none;
	border:none;
}
.menu a:hover {
	color: #000;
}
.publicTabs {
	margin: 0px 0 0 0px;
	width: 900px;
	background: transparent;
}

/***  RichTabs - Hauptnavigation  ***/

.tabs { margin: -26px 0 0 0px; width: 901px; background: transparent; }
.tabs .rich-tab-bottom-line { border-bottom: 1px solid #d85a05; }

/* Sets authomatically no side border to a tab header */
.rich-tabhdr-side-border { background-color: transparent; background-image: none; border: none; float: left; }
.rich-tabhdr-side-cell { border: none; }
/* Sets authomatically a background to an inctive tab header and removes its border */
.rich-tab-inactive { background: url(../images/btn_inactive1.gif) no-repeat; border: none; cursor: pointer; margin: 0; padding: 0; color: #fff; font-weight: bold; }
.rich-tabhdr-cell-active { font-weight: bold; }
/* This ist the default class for the line under the tab headers */
.rich-tab-bottom-line { border-color: #dddddd; }


/*		Subtabs Design			*/
/********************************/
.subTabs { /*margin-top: -50px;*/ }
.subTabs .rich-tab-bottom-line { border: none; height: 38px; font-weight: bold; background: url(../images/bgr_title1.jpg) repeat-x; }
.subTabs .rich-tab-header { background-color: transparent; background-image: none; height: 35px; width: 130px; vertical-align: middle; padding: 0; font-weight: bold; border-left: 1px solid #FFF; }
.subTabs .rich-tab-inactive { background-color: transparent; background-image: none; color: #555; }
.subTabs .rich-tab-active { background-color: #D45D00; color: #FFF; text-decoration: none; height: 35px; border-bottom: 1px solid #d2d2d2; }
.subTabs .rich-tbpnl-tb-sel { background-color: #D45D00; color: #FFF; text-decoration: none; }
.subTabs .rich-tabhdr-side-border { display: none; }
.subTabs .myCalendarTab { border-left: none; }

/*	Recurrence pattern Design	*/
/********************************/

.rec_header .rich-tab-bottom-line { border: none; border-bottom: 0px solid #fff; }
.rec_header .rich-tab-header { width: 128px; height: 24px !important; }
.rec_header .rich-tab-active { background: url(../images/btn2.gif) no-repeat; border-top: none; border-left: none; border-right: none; border-bottom: 0px solid #d2d2d2; border-bottom: none; color: #555; margin: 0; padding: 0;	}
.rec_header .rich-tab-inactive { background: url(../images/btn_inactive1.gif) no-repeat; border: none; cursor: pointer; margin: 0; padding: 0; color: #fff; font-weight: bold; position: relative; } 
.rec_header .rich-tabhdr-side-border { display: block; }

/* Sets authomatically a background to an active tab header and removes its border */ 
.rich-tab-active {
   	background: url(../images/btn1.gif) no-repeat;
	border-top: none;
	border-left: none;
	border-right: none;
   	border-bottom: 1px solid #fc8f26;
	color: #fff;
	margin: 2px 0 0 0;
	padding: 0;
	z-index: 1;
}

/* Sets authomatically no top border to a tab header */
.dr-tbpnl-tbtopbrdr { border: none; }

.dr-tbpnl-cntnt { padding: 10px 0 0 0; }

/* Makes authomatically the tab body transparent and with no border */
.rich-tabpanel-content { background-color: transparent; border: none; }

/*     Sets a custom height of the body.
  This class won't be applied authomatically and
  shuld be defined as a contentClass attribute of the rich:tabPanel element
*/
.custom-tab-content { height: 250px; }

  
/********************************************************************/
/* 				Style for a panel body with no bottom border		*/
/********************************************************************/



/********************************************************************/
/* 						    Profile  page							*/
/********************************************************************/

.setings { width: 259px; float: left; margin: 0 2px 0 0; padding: 0 0 0 10px; background: transparent; }
*html .setings { margin: 0 2px 0 0; padding: 0; } 
.setings table.rich-tabpanel { float: left; position: relative; margin: 0 0 0 10px; padding: 0; width: 250px; }
.setings .rich-tab-header { background: url(../images/hdr_richtab1.gif); border-bottom: 1px solid #FFF; width: 140px; color: #858380; }
.setings .rich-tabpanel-content-position { float: left; position: relative; margin: 0 0 0 -8px; background: transparent url(../images/bgr_personal1.gif) repeat-x; }
.setings .rich-tabpanel-content { border: none; background: transparent; }
.setings .panel_body_container { width: 260px; margin: 5px 0 10px 0px; padding: 0; float: left; min-height: 100px; background: transparent; }
.setings .entry_title { float: left; margin: 0; padding: 0; width: 180px; letter-spacing: 1px; font-size: 11px; color: #555; }
.setings .name_val_row { width: 200px; }
.set { width: 257px; float: left; margin: -10px 0 10px -20px; }
.right_set { float: right; margin: -7px 0 0 0; position: relative; width: 15px; height: 84px; background: url(../images/corner_persona_right1.gif) no-repeat top; }
.left_set { float: left; margin: -5px 0 0 0; position: relative; width: 8px; height: 84px; background: url(../images/corner_persona_left1.gif) no-repeat top; }

/* Personal */
.setings_top { float: left; margin: -11px 0 0 -4px; width: 305px; border-top: 0px solid #8c8c8c; position: relative; }
.dr-stglpnl input { float: left; margin: 0 30px 0 0; color: #555; }
.dr-stglpnl span { float: left; width: 100%; }
.rightArea { width: 520px; float: left; margin: 0; padding: 0; }



/********************************************************************/
/* 			Styles for the extended data table of RichFaces			*/
/********************************************************************/

.rich-extdt-subheadercell {
	border: none;	
	background-color: #FFF;
	text-align: left;
}
.rich-extdt-subheader {
	background-color: #fff;
	border: none;
	font-size:0;
}
.extdt-thead{
	border: none;
}
.addrActiveRow {
	height: 75px;
	font-style: italic; 
}
.rich-sdt-row {
	height: 75px;
}
.rich-extdt-firstrow {
	border: none;
}
.myExtTableHeader {
	/** background: #fff url(../images/search_icon1.gif) no-repeat top left; **/
	padding-left: 35px;
	overflow: visible;
}
.names {
	width: 210px;
	float: left;
	margin: 0px 0 0px 5px;
	padding: 0 0 0 70px;
	background: url(../images/bgr_contacts1.png) no-repeat;
	height: 71px;	
	cursor: pointer;
	color: #555;
}
.names_activ {
	width: 192px;
	float: left;
	margin: 0px 0 0px 5px;
	padding: 0 0 0 70px;
	background: url(../images/bgr_contacts_hover1.png) no-repeat;
	height: 71px;	
	cursor: pointer;
	color: #000;
}
.rich-extdt-cell,
.extdt-cell{
	margin:0;
	padding: 0;
}
.rich-extdt-subheadercell {
	border: none;	
	background-color: #FFF;
	text-align: left;
}
.rich-extdt-subheader {
	background-color: #fff;
	border: none;
	font-size:0;
}
.extdt-thead{
	border: none;
}

.addrActiveRow { height: 75px; font-style: italic; }


div.extdTblDiv .rich-extdt-cell { height: 20px; padding: 4px; border: 1px solid #e1dfe0; width: 100%; }
div.extdTblDiv .extdt-subheadercell { background-color: none; }
div.extdTblDiv { float: left; }
div.extdTblDiv .rich-filter-input { float: left; background: #fff url(../images/bg-filter-input1.png) no-repeat; margin: 0; padding-left: 33px; height: 30px; display: block; width: 280px; }
div.extdTblDiv .extdt-content { border: 1px solid #878787; background-color: none; width: auto; border: none; margin: 0; padding: 0; }
div.extdTblDiv .extdt-subheadercell { width: auto; background-color: none; }
div.extdTblDiv .extdt-maindiv { border: none; }


/********************************************************************/
/* 			End of the Styles for the extended data table			*/
/********************************************************************/



.changePassPanel { float: left; width: 255px; }
.changePassPanel input{ width: 160px; background: url(../images/text-field-bg_city1.gif) no-repeat; }
input.button145 { width: 145px; height: 25px; color: #555; text-transform: none; background: url(../images/button1.gif) no-repeat; float: left; cursor: pointer; padding: 3px 0 5px 2px; padding: 0px 3px 0px 5px; font-weight: bold; font-size: 11px; }
input.center { float: left; margin: 10px 0 0 230px; }
input.button150 { width: 150px; height: 25px; color: #555; text-transform: none; background: url(../images/button150_1.gif) no-repeat; float: left; cursor: pointer; padding: 3px 0 5px 10px; margin: 0 0 0 10px; font-weight: bold; font-size: 11px; }
input.btn_login { margin: 10px 0 0 8px; width: 145px; float: left; height: 25px; color: #555; text-transform: none; background: url(../images/button1.gif) no-repeat; padding: 3px 0 5px 15px; cursor: pointer; font-weight: bold; font-size: 11px; }
input.btn_login1 { margin: 10px 0 0 8px; width: 145px; float: left; height: 25px; color: #555; text-transform: none; background: url(../images/button1.gif) no-repeat; padding: 3px 0 5px 0px; cursor: pointer; font-weight: bold; font-size: 11px; }
input.addimage { margin: 4px 0 0 0; float: left; }
input.btn1 { margin: 0 0 5px 28px; float: left; font-size: 11px; }
input.btn { margin: 5px 0 5px 15px; font-size: 11px; }
input.btn2 { margin: 5px 0 5px 0px; font-size: 11px; }
input.btn3 { margin: 0px 45px 5px 0px; font-size: 11px; float: right; }

.pub_cal_tbl { margin: 20px 0px 0px 0px; }
.pub_cal_tbl .button145.btn { margin-top: 20px; }
.pub_cal_tbl select { height: 240px !important; overflow: hidden !important; }
.pub_cal_tbl .pub_cal_div { height: 240px !important; }
.divider_vertical { background: transparent url(../images/trenner-vertikal.png) no-repeat top left; min-height: 294px; }
#calNameForm:calNamePanel_body input.button145.btn { margin-left: 100px !important; }
/* .pub_cal_tbl .rich-tree-node-icon-leaf.rich-tree-h-ic-line-clp,
.pub_cal_tbl .rich-tree-node-handleicon.rich-tree-h-ic-line-node,
.pub_cal_tbl .rich-tree-node-handleicon.rich-tree-h-ic-line-node img,
.pub_cal_tbl .rich-tree-node-icon-leaf.rich-tree-h-ic-line-clp img  { display: none !important; }
.pub_cal_tbl .rich-tree-h-ic-img { display: none; }
.pub_cal_tbl .rich-tree-node-text { background: url(../images/pfeil-rechts.png) no-repeat top left; padding-left: 11px; line-height: 15px; } */

.bgr_phone_type { /* background: url(../images/bgr_phone_type.jpg) no-repeat; */ }
.bgr_phone_type .rich-panel-header { width: 300px !important; }
.rich-panel-row,
.rich-table-cell { border: 0px solid !important; background: none; }
.phone_type .rich-table-cell .rich-panel-header,
.phone_type .rich-table,
.phone_type .rich-table-cell { width: 330px; background: transparent none !important; border: none !important; }
.phone_type { padding: 10px 30px 0px 0px; float: right; width: 370px; height: 500px; }
.phone_type .rich-table-row { background: transparent none; border: 0px solid; }

.phone_type .rich-panel-header { background: url(../images/hdr_phone_type1.gif) no-repeat; background-color: transparent; width: 362px; height: 20px; border: none; padding: 5px 0 0 8px; color: #555; }
.phone_type .rich-panel-body { background: url(../images/bgr_phone_type1.gif) repeat-y; }
.bgr_phone_type .rich-panel-body { background: url(../images/bgr_phone_type1.gif) repeat-y; margin: 0; padding: 0; width: 326px; border: 1px solid #EEEEEE; }
.bgr_phone_type .rich-panel { background: url(../images/hdr_phones1.gif) no-repeat; margin: 0; padding: 0 0 0 5px; }
.bottom_phone_type { background: url(../images/bottom_phone_type1.gif) no-repeat; width: 370px; height: 25px; }

.phoneImage { cursor: pointer; }
.bottom_line3 { width: 576px; height: 10px; background: url(../images/bottom_line_panel1.gif) no-repeat bottom; margin: 0px 5px 0 0px; padding: 0; float: left; }
* html .bottom_line3 { margin: -5px 5px 0 0px; }
.bottom_line4 { width: 576px; height: 10px; background: url(../images/bottom_line_panel1.gif); margin: 0px 5px 0 -1px; padding: 0; float: left; display: block; }
.phone_desc { height: 280px; overflow: auto; }
#comandLinks { width: 200px; float: right; text-align: right; margin: 0 0 0 50px; }
#comandLinks a { color: #555; }
.text {	 background-color: #fff; color: #555; border: 1px solid #DDDDDD; width: 490px; margin-left: 10px; }
.appointments .rich-panel,
.photo .rich-panel{ background: none repeat-y; }	
.appointments .name_val_row,
.photo .name_val_row { width: 490px; height: auto; }
.appointments .entry_name,
.photo .entry_name { width: 140px; }

.entry_name1 {
	width: 80px;
	margin: 0 0 0 25px;
	height: 25px;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color:#555;
}
.appointments .rich-tabpanel-content-position {
	width: 500px;
	margin: 0;
	padding: 0;
}
.button_line2 {
	float: left;
	margin: -4px 0 0 0;
	width: 511px;
	height: 10px;
	background: url(../images/bottom_line_popup1.gif) no-repeat;	
	padding: 0;
}
.editPhotoView {
	border: 0px solid #555;
	height: 150px;
	width: 508px;
	margin: 0 0 0 1px;
}
.date .rich-panel,
.date .rich-panel-body {
	height: 150px;
	width: 300px;
	margin: 0 0 0 3px;
	background-image:none;
	border-left: none;
}



input.button.btn {
    margin: 0px !important;
    overflow: hidden;
	width: 145px !important;
	height: 25px !important;
	color: #555 !important;
	text-transform: none !important;
	background: url(../images/button1.gif) no-repeat !important;
	float: left !important;
	cursor: pointer !important;
	padding: 0px 0px 0px 0px !important;
	font-weight: bold !important;
	font-size: 11px !important;
	border: 0px solid !important;
}


/** RICH FileUpload **/

div.PhotoShowMe { float: left !important; padding-left: 17px !important; }
div.PhotoInfoShowMe { float: left !important; }
div.uploadThePhotoButton div.rich-fileupload-list-decor { width: 160px !important; padding-left: 12px !important;}
div.uploadThePhotoButton div.button { /* padding: 4px 10px 4px 15px !important; font-weight: bold !important; color: #555 !important; */ }
div.clearPhotoButton  { float: left !important; padding: 5px 0px 0px 9px; !important; }

form#userPhotoForm span.rich-messages-label.messageInfoLabel { margin-left: 17px; }

.rich-fileupload-list-decor { border: none; float: left; margin: 0; padding: 0; height: 39px; background: transparent; }
.rich-fileupload-list-overflow { background-color: #FFF; border: none; }
.rich-fileupload-font { color: #555; }
.rich-fileupload-button,
.rich-fileupload-button-press,
.rich-fileupload-button.button,
.rich-fileupload-button.btn,
.rich-fileupload-button-light { width: 145px !important; height: 25px !important; color: #555 !important; text-transform: none !important; background: url(../images/button1.gif) no-repeat !important; float: left !important; cursor: pointer !important; padding: 1px 3px 0px 30px !important; font-weight: bold !important; font-size: 11px !important; border: 0px solid !important; }
.rich-fileupload-button-content { background: none !important; color: #555 !important; font-weight: bold !important; border: 0px solid !important; text-transform: none !important; font-size: 11px !important; }
.rich-fileupload-ico-add { /*background-image: none;*/ }
.rich-fileupload-toolbar-decor { color: #555 !important; float: left; border: none !important; width: 200px; background: transparent !important; cursor: pointer !important; }
.rich-fileupload-button-border { border: 0px solid !important; margin: 0 !important; }

.clearPhotoButton { width: 110px; height: 31px; padding-right: 5px; padding-top: 7px; float: right;	position: abolute; margin: 0; background: transparent; }
.cleanBtn { width: 100px; border: 1px solid #cbcbcb; color: #555; background: #fff url(../images/ico_clear.gif) no-repeat left; padding-bottom: 3px; float: right; }
.cleanBtn-focus { width: 100px; border: 1px solid #cbcbcb; color: #555; background: #fff url(../images/del_btn1.gif) no-repeat left; padding-bottom: 3px; float: right; }

.clearPhotoButton { width: 145px; height: 25px; padding-right: 5px; padding-top: 7px; float: right;	position: abolute; margin: 0; background: transparent; }
.cleanBtn,
.cleanBtn-focus { width: 145px !important; height: 25px !important; color: #555 !important; text-transform: none !important; background: url(../images/button1.gif) no-repeat !important; float: left !important; cursor: pointer !important; padding: 0px !important; font-weight: bold !important; font-size: 11px !important; border: 0px solid !important; }


/************************************************/
/* 		Start of popup design 					*/
/************************************************/

.hidelink { background: transparent url(../images/close.png) no-repeat;	cursor:pointer; margin: 5px; }
.rich-mpnl-mask-div { background-color: #F0C882; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.rich-mp-container { height: 0px; }
.rich-mpnl-body{ padding: 0; margin: 0; }
.rich-mpnl-header { margin: 0; padding:0 0 0 10px; background: transparent; border:medium none; color: #555; }
.rich-mp-content { background: transparent none; border: none; }
.hdr-left-corner { background: transparent url(../images/hdr_corner_left.png) no-repeat left top; float: left; width: 8px; height: 24px; margin: -24px 0 0 0; background-position: left; }
.hdr-title { background: transparent url(../images/hdr_bg.gif) repeat-x; width: 98%; height: 19px; display: block; margin: 0 0 0 -4px; padding: 5px 0 0 10px; }
.hdr-right-corner { background: transparent url(../images/hdr_corner_right.png) no-repeat right top; float: right; width: 10px; height: 24px; margin: -24px 0 0 0; }
.sbd-mp-body { border-top: 1px solid #EEEEEE; border-right: 2px solid #dddddd; border-bottom: none; border-left: 2px solid #dddddd; background-color: #FFF; padding: 10px; color: #555; }
.sbd-mp-body input.checkbox { margin: 0px 5px 0 0; }
.sbd-mp-body label.entry_name.vlong { width: 300px; }

.footer-left-corner { background: url(../images/footer_corner_left.gif) no-repeat top; height: 19px; width: 10px; float: left; margin: -13px 0 0 0; padding: 0; }
.footer-center { background: url(../images/footer-bg.png) repeat-x bottom; height: 19px; width: 97%; margin: -13px 0 0 0; float: left; }
.footer-right-corner { background: transparent url(../images/footer_corner_right.gif) no-repeat right; height: 19px; width: 10px; float: right; margin: -19px 0 0 0; padding: 0; }

/************************************************/
/* 		End of popup design 					*/
/************************************************/


/************************************************/
/* 		Start of rich panel design				*/
/************************************************/
.sbd-panel-header {
	background-color:transparent;
	background-image:none;
	border:medium none;
	margin-bottom:-2px;
	margin-left:10px;		
	color:#858380;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
}
.sbd-panel-body {
	height: auto; 
	border-left: 2px solid #DDDDDD; 
	border-right: 2px solid #DDDDDD; 
	border-top: 1px solid #EEEEEE;
	border-bottom: none;
	padding: 10px;
}
/************************************************/
/* 		End of rich panel design				*/
/************************************************/

.adr .rich-tab-bottom-line,
.setings_addres .rich-tab-bottom-line  {
    border: none;
	border-bottom: 0px solid #fff;
 }


/************************************************/
/* 		Start of the notes tab design			*/
/************************************************/

.note_tbl { float: left; margin-left: 10px; border: none; background-color: transparent; }
.note_hdr { height: 15px; background: transparent none; border: none; color: #000; padding: 0; }
.note { width: 85px; height: 90px; background: transparent url(../images/note.png) no-repeat; border: none; padding: 5px 10px 5px 10px; }
.rich-table-cell { border: 0px solid; }
.note-cell { width: 15%; }
.note_text { background-color: #fff; color: #555; border: 1px solid #DDDDDD; width: 400px; height: 100px; margin: 0px; }
.note_title { float: left; overflow:hidden; width:160px; }
.pnl-hidelink { float: right; position: relative; right: 0px; top: 0px; }
.del_link { background: transparent url(../images/close.png) no-repeat;	cursor:pointer; }
.note_body { background: transparent none; border:medium none; cursor:pointer; height:60px; overflow:hidden; color: #555; }
.rich-table-footer, 
.rich-table-footercell { background: transparent none; border: none; }

/************************************************/
/* 		End of the notes tab design				*/
/************************************************/


.setings .rich-tab-bottom-line,
.rich-mp-container .rich-tab-bottom-line { border-bottom: 1px solid #dddddd; }
.rich-tab-header { width: 128px; height: 23px; }


.rich-color-picker-ext input { background-image:none; float:none; padding:0; height: 15px; }
.rich-color-picker-span input { background-image:none; background-color: transparent; border: none; padding: 0;	color: #000; height: 0; width: 0; }

.colorSelectorBody { padding: 5px; border: 0px solid #BABABA; border-top: none; }

.check { padding: 3px 35px 3px 3px; display: inline; font-weight: bold; background: url(../images/check.gif) no-repeat right; }
.uncheck { padding: 3px 35px 3px 3px; display: inline; font-weight: bold; background: url(../images/cross.png) no-repeat right; }



#phonePanelContentTable .button { width: 145px !important; height: 28px !important; color: #555 !important; text-transform: none !important; background: url(../images/button1.gif) no-repeat !important; float: left !important; cursor: pointer !important; padding: 0px 3px 4px 0px !important; font-weight: bold !important; font-size: 11px !important; border: 0px solid !important; line-height: 28px; margin-left: 5px !important; }




/*** Rich-Calendar-Design ***/

img.rich-calendar-button { margin: -4px 0px 0px 4px; }

.seriendauer .rich-panel-body { width: auto; height: 80px; background-color: transparent; background: none; color: #555; }
.seriendauer label.rec_dur_start_lbl { margin: 0px 0px 0px 0px; }
.seriendauer img.rich-calendar-button { margin: 2px 0px 0px 4px; }
.seriendauer .rich-tab-bottom-line.rec_header { border: none; background: transparent none; height: 24px; }
.rich-tab-bottom-line.rec_header { border: none; border-bottom: 1px solid #dddddd; background: transparent none; height: 24px; }