/**
* @file rbi.css
* @created 2007-03-06
* @author Rudi Bieller
* @copyright four for business AG <www.4fb.de>
* @description Styles for Berlitz Business Seminare
*/


/* ####################### GENERAL TAGS ######################## */

html {
	height:100.11%;
}

body {
	background-color:#fff;
}

a { color:#a12d85; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#A12D85;
}

hr {
	border:0;
	background-color:#878888;
	color:#878888;
	height:1px;
	margin:8px 0 6px 0;
}

ul {
	/*color:#A12D85;*/
	list-style-type:square;
	padding:0;
	margin:0 0 0 15px;
}
* html ul {
	margin:0 0 0 17px;
}

input.ckbx {
	margin:0;
	padding:0;
}

td {
	color:#474848;
}

fieldset {
	border:0;
}
legend {
	display:none;
}

/* ####################### /GENERAL TAGS ######################## */

/* ####################### CUSTOMERS MENU ####################### */
table td#metanavCustomers {
	padding:20px 0 6px 0;
}

table td#metanavCustomers ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

table td#metanavCustomers ul li {
	border-bottom:1px solid #fff;
}

table td#metanavCustomers ul li a {
	display:block;
	width:148px;
	border-left:10px solid #A12D85;
	background-color:#888;
	padding:0 0 0 10px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
}
* html table td#metanavCustomers ul li a {
	width:166px;
	text-decoration:none;
}
table td#metanavCustomers ul li a:hover {
	background-color:#BDBEBF;
	text-decoration:none;
}

div.mC {
	margin:15px 0 0 0;
}
div.mCLow {
	margin:0;
	height:1px;
	line-height:1px;
}
/* ####################### /CUSTOMERS MENU ###################### */

/* ####################### NEWSLIST ITEMS ####################### */
div.newsListItem {
	background-color:#EFEFF0;
	padding:0;
	margin:0 0 15px 0;
}
div.newsListItem div.newsListItemHeadlineFirst {
	background-color:#D2D3D3;
	padding:0 0 0 10px;
	margin:0;
	border-left:10px solid #A12D85;
	color:#A12D85;
	line-height:20px;
}
.semSmall .newsListItemHeadlineFirst { /* the small boxes at booking with the selected seminar */
	color:#474848;
}
.semSmall { /* the small boxes at booking with the selected seminar */
	margin-bottom:10px;
}
div.newsListItem div.newsListItemHeadline {
	margin:0;
	padding:10px 10px 0 10px;
	color:#A12D85;
}
div.newsListItem div.newsListItemText {
	padding:5px 10px 5px 10px;
}
div.newsListItem div.newsListItemText h1.first, 
div.newsListItem div.newsListItemText h1 {
	color:#474848;
	font-size:13px;
	margin:0 0 10px 0;
}
div.newsListItem div.newsListItemText h1 {
	margin:0;
}
div.newsListItem div.newsListItemText h1 a {
	text-decoration:underline;
	color:#474848;
	font-size:11px;
}
div.newsListItem div.newsListItemText h1 a:hover {
	text-decoration:none;
}
/* ####################### /NEWSLIST ITEMS ###################### */

/* ####################### CONTACT FORM and FORMS GENERAL ######################### */
#contactForm form {
	margin:0;
	padding:0;
}
#errorMessage, #contactForm #errorMessage {
	border:1px solid #A12D85;
	padding:10px;
	margin:0 0 20px 0;
	color:#A12D85;
}
.error, #contactForm .error {
	color:#A12D85;
}

#contactForm #contactFormPersonal #contactFormPersonalLeft, 
#contactForm #contactFormPersonal #contactFormPersonalRight, 
#registerNewNoSem #registerNewNoSemLeft, 
#registerNewNoSem #registerNewNoSemRight, 
#registerNewNoSem #invoiceAddressAdditionalLeft, 
#registerNewNoSem #invoiceAddressAdditionalRight, 
div.twoColContainerFormLeft, 
div.twoColContainerFormRight {
	float:left;
	width:250px;
	line-height:18px;
}
#contactForm #contactFormPersonal #contactFormPersonalLeft, 
#registerNewNoSem #registerNewNoSemLeft, 
#registerNewNoSem #invoiceAddressAdditionalLeft, 
div.twoColContainerFormLeft {
	margin-right:20px;
}
/* TODO strange behavior */
* html #registerNewNoSem #invoiceAddressAdditionalLeft {
	margin-right:16px;
}
div.passwordFields div.passwordFieldsFirst {
	margin-right:20px;
}
* html div.passwordFields div.passwordFieldsFirst {
	margin-right:10px;
}

#contactForm #contactFormSelection {
	clear:left;
	margin:20px 0 0 0;
}
#contactFormSubmit {
	margin:40px 0 0 0;
}

/* input fields */
#contactForm #contactFormPersonal #contactFormPersonalLeft input, 
#contactForm #contactFormPersonal #contactFormPersonalRight input, 
#registerNewNoSem #registerNewNoSemLeft input, 
#registerNewNoSem #registerNewNoSemRight input, 
#registerNewNoSem #invoiceAddressAdditionalLeft input, 
#registerNewNoSem #invoiceAddressAdditionalRight input, 
div.twoColContainerFormLeft input, 
div.twoColContainerFormRight input, 
div.lost input, 
div.passwordFields input, 
#changePass input, 
#signNl input {
	width:250px;
	border:1px solid #878888;
	background-color:#EFEFF0;
	height:20px;
}
#changePass input.sbmt, #signNl input.sbmt {
	width:auto;
} 
#changePass {
	line-height:20px;
}
#contactForm #contactFormPersonal #contactFormPersonalRight table#zipcity {
	margin-top:-1px;
}
* html #contactForm #contactFormPersonal #contactFormPersonalRight table#zipcity {
	margin-top:0px;
}
#contactForm #contactFormPersonal #contactFormPersonalRight input.plz, 
#registerNewNoSem #registerNewNoSemRight input.plz, 
#registerNewNoSem #invoiceAddressAdditionalRight input.plz, 
div.twoColContainerFormRight input.plz {
	width:85px;
}
#contactForm #contactFormPersonal #contactFormPersonalRight input.stadt, 
#registerNewNoSem #registerNewNoSemRight input.stadt, 
#registerNewNoSem #invoiceAddressAdditionalRight input.stadt, 
div.twoColContainerFormRight input.stadt {
	width:155px;
}
#contactForm textarea, 
#registerNewNoSem textarea {
	border:1px solid #878888;
	background-color:#EFEFF0;
	width:520px;
	height:70px;
}
#contactForm select, 
#contactForm option, 
#registerNewNoSem select, 
#registerNewNoSem option, 
#signNl select, 
#signNl option {
	background-color:#EFEFF0;
	/*width:125px;*/
	/*height:20px;*/
}
#contactForm select, 
#registerNewNoSem select, 
#signNl select {
	display:block;
	margin-top:5px;
	border:1px solid #878888;
	width:150px;
	/*height:20px;*/
}
#contactForm option, 
#registerNewNoSem option {
	line-height:20px;
}

#contactFormSelection select.fullWidth {
	width:522px;
}

#contactForm #contactFormSubmit input {
	float:left;
	margin-right:20px;
	/*
	height:20px;
	border:1px solid #878888;
	background-color:#EFEFF0;
	color:#A12D85;
	font-weight:bold;
	font-family:Arial, Verdana, sans-serif;
	*/
}
/* /input fields */

.contactFormItem, #contactForm .contactFormItem {
	height:40px;
	margin:0 0 5px 0;
}
.contactFormItem, #contactForm #contactFormSelection .contactFormItem, 
#contactForm #contactFormSubmit .contactFormItem {
	height:auto;
	line-height:18px;
}

#contactForm #contactFormPersonal #contactFormPersonalRight table, 
#registerNewNoSem #registerNewNoSemRight table {
	border-collapse:collapse;
	margin:0;
	border:0;
}
#contactForm #contactFormPersonal #contactFormPersonalRight table td, 
#registerNewNoSem #registerNewNoSemRight table td {
	padding:0;
	border:0;
}

div.regFee {
	margin:0 0 10px 0;
}

div#partcnt {
	margin:0 0 10px 0;
}

table.anrede {
	display:block;
	padding:0 0 10px 0;
	clear:both;
}
/* ####################### /CONTACT FORM and FORMS GENERAL ######################## */

/* ####################### SITEMAP ############################## */
ul.sitemap {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:square;
	color:#A12D85;
}

ul.sitemap li {
	line-height:16px;
}

ul.sitemap a {
	color:#A12D85;
	text-decoration:underline;
}
ul.sitemap a:hover {
	color:#A12D85;
	text-decoration:none;
}

div.sitemap_level2_container {
	margin:0 0 0 15px;
	line-height:16px;
}
div.sitemap_level3_container {
	margin:0 0 0 35px;
	line-height:16px;
}
a.sitemap_level1 {
	
}
a.sitemap_level2 {
	
}
a.sitemap_level3 {
	
}
/* ####################### /SITEMAP ############################# */

/* ####################### PAGING ############################### */
#paging img {
	border:0;
}
#paging a {
	color:#A12D85;
	text-decoration:underline;
	padding-right:1px;
	padding-left:1px;
}
#paging a.no {
	padding-right:3px;
	padding-left:3px;
}
#paging a:hover {
	color:#A12D85;
	text-decoration:none;
}
/* ####################### /PAGING ############################## */

/* ####################### SEMINAR VIEW ######################### */
#seminarId {
	float:right;
	margin-top:7px;
	display:inline;
	padding:1px;
	font-weight:bold;
	font-size:12px;
	border:1px solid #000;
}
* html #seminarId {
	margin-top:3px;
}
#seminarView {

}
#seminarView h1 {
	margin-bottom:0;
}
#seminarView h2 {
	margin-top:0;
}
#seminarView h3 {
	border-bottom:1px solid #A12D85;
	color:#484747;
	margin-bottom:5px;
}
#seminarView div.referentenDescr {
	min-height:20px;
}
* html #seminarView div.referentenDescr {
	height:20px;
}
#seminarView div.referentenDescr img {
	display:block;
	float:left;
	margin:0 10px 7px 0;
}
#seminarView div.referentenText {
	float:left;
	width:440px;
}

#seminarView div.download, 
#seminarView div.betreuung, 
#seminarView div.beratung, 
#seminarView div.inhouse {
	margin:0 0 20px 0;
}

#seminarView div.terminItem form {
	margin:0;
	padding:0;
}
#seminarView div.terminItem table {
	width:522px;
	margin:0 0 20px 0;
	border-collapse:collapse;
}
#seminarView div.terminItem table td.ort {
	width:125px;
}
#seminarView div.terminItem table td.dates {
	width:335px;
}
#seminarView div.terminItem table td.booking {
	width:65px;
}

/* seminar view termine v.2 */
#seminarView #seminarViewDatesPerCountry form {
	margin:0;
	padding:0;
}

#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock h3 {
	margin-bottom:10px;
}

#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table {
	width:522px;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table td {
	padding:0;
	color:#666;
	vertical-align:top;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table td span.light {
	color:#c1c1c2;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table td strong {
	font-size:14px;
	font-weight:normal;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table tr.ttr2 td {
	padding-top:5px;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table tr.ttr3 td {
	padding-top:10px;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table td.tt1 {
	width:290px;
	padding-right:10px;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table td.tt2 {
	width:110px;
	padding-right:10px;
}
#seminarView #seminarViewDatesPerCountry .datesPerCountryBlock table td.tt3 {
	text-align:right;
	padding-top:3px;
}
.datesPerCountryBlock hr {
	border:0;
	background-color:#d2d3d3;
	color:#d2d3d3;
	height:1px;
	margin:0;
}
/* /seminar view termine v.2 */

#seminarView hr {
	margin:20px 0;
	background-color:#BDBEBF;
	color:#BDBEBF;
}

input.sbmt, #seminarView input.sbmt {
	border:1px solid #878888;
	background-color:#EFEFF0;
	color:#A12D85;
	font-weight:bold;
	font-family:Arial, Verdana, sans-serif;
}

div.returnUrl {
	margin:20px 0 20px 0;
}
div.returnUrl img {
	padding-top:0;
}

#seminarView div.terminItem table.fee {
	margin:0;
	border-collapse: collapse;
}

/* mouseover boxes on booking dates */
.tooltip {
	position:absolute;
	display:none;
	background-color:#A12D85;
	width:200px;
	padding:10px;
	text-align:left;
	color:#fff;
	line-height:14px;
}

.datesPerCountryBlock .fullybooked {
	display:none;
	background-color:#A12D85;
	padding:10px;
	color:#fff;
	width:180px;
	text-align:left;
}
.datesPerCountryBlock .fullybooked a {
	color:#fff;
}
.datesPerCountryBlock .fullybooked ul {
	margin-left:16px;
}
.datesPerCountryBlock .fullybooked blockquote {
	margin:0;
}
/* /mouseover boxes on booking dates */
/* ####################### /SEMINAR VIEW ######################## */

/* ####################### BOOKED SEMINAR VIEW ################## */
table.bookedItem {
	border-collapse:collapse;
}
table.bookedItem td {
	vertical-align:top;
	padding:3px 0;
}
table.bookedItem td.row1 {
	width:110px;
}
table.bookedItem td.row2 {
	width:175px;
}
table.bookedItem td.row3 {
	width:55px;
}
table.bookedItem td.row4 {
	width:165px;
}
table.bookedItem td.btns {
	padding-bottom:4px;
	text-align:right;
	vertical-align:bottom;
}
h1.viewBookings {
	margin:15px 0 10px 8px;
	font-size:11px;
	font-weight:bold;
}

.cancelBookingMessage {
	margin:10px 0;
}

table.tblCnt {
	margin:-1px 0 0 0;
	border-collapse:collapse;
}
table.tblCnt td {
	padding:0;
}
/* ####################### /BOOKED SEMINAR VIEW ################# */

/* ####################### LOGIN SCREEN ######################### */
div.formBox {
	margin:0;
	line-height:20px;
}
div.formBox .left {
	float:left;
	margin:0 5px 0 0;
}
div.formBox .right {
	float:right;
}

div.formBox h1 {
	margin:0 0 20px 0;
}
div.formBox h2 {
	margin-bottom:0;
	margin:20px 0 0 0;
}

div.formBox table {
	border-collapse:collapse;
	margin:0;
}
div.formBox table td {
	vertical-align:top;
	padding:10px 10px 0 0;
}
div.formBox table td.fst {
	padding-right:0;
}
div.formBox table td.lst {
	text-align:right;
}

div.formBox input.sbmt {
	margin-top:20px;
}
div.formBox a.lostpass {
	padding-right:4px;
}

div.formBox input.txt {
	width:200px;
	border:1px solid #878888;
	background-color:#EFEFF0;
	height:20px;
}
/* ####################### /LOGIN SCREEN ######################## */

/* ####################### REGISTER NEW USER ######################## */
.accountOverviewBlock {
	margin:0 0 10px 0;
}
div.formBox h1.regMain {
	margin:0 0 10px 0;
	color:#474848;
	border-bottom:1px solid #474848;
	font-size:11px;
}
div.formBox h1.regMain div.regMainLeft {
	float:left;
}
div.formBox h1.regMain div.regMainRight {
	float:right;
	padding-right:4px;
}
/* ####################### /REGISTER NEW USER ####################### */

.normal {
	width:250px;
	border:1px solid #878888;
	background-color:#EFEFF0;
	height:20px;
}

.small {
	width:125px;
	border:1px solid #878888;
	background-color:#EFEFF0;
	height:20px;
}

.date {
	width:80px;
	border:1px solid #878888;
	background-color:#EFEFF0;
	height:20px;
}

/* ######### clearfix ############ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ####################### REGISTER NEW USER ######################## */
.bookingFormItem, #bookingForm .bookingFormItem {
	margin:0 0 1px 0;
}
#customerDecisionBox {
	margin:16px 0;
}
#customerDecisionBox h1 {
	margin:0 0 5px 0;
}
#decisionLoginBox {
	margin:10px 0 15px 0;
}
/* ####################### /REGISTER NEW USER ####################### */

/* ####################### PRINT BUTTON ############################# */
#printRow {
	text-align:right;
}
#printme {
	margin:0;
	padding:0;
}
/* ####################### /PRINT BUTTON ############################ */

/* ####################### GLOSSARY ################################# */
#glossary_alphabet {
	margin:0 0 10px 0;
}
/* ####################### /GLOSSARY ################################ */

/* ####################### SURVEY ################################### */
#surveyContainer {
	margin:10px 0;
}
#surveyContainer input {
	border:1px solid #878888;
	width:200px;
}
#surveyContainer input.chk { /* checkboxes */
	border:0;
	width:auto;
}
/* ####################### /SURVEY ################################## */

/* ####################### SEMINAR SPECIFIC ######################### */
.seminarspecific strong, .datespecific strong {
	display:block;
	margin:10px 0 3px 0;
}
.seminarspecific, .datespecific {
	margin-left:20px;
}
hr.specific {
	margin-left:20px;
	margin:10px 0 10px 20px;
}

#specImageGallery {
	width:500px;
}
#specImageGallery .specImageContainer {
 	float:left;
	margin:0 10px 10px 0;
	padding:5px 0 0 0;
	width:110px;
	min-height:140px;
	border:1px solid #D2D3D3;
	text-align:center;
	font-size:10px;
	background-color:#EFEFF0;
}
* html #specImageGallery .specImageContainer {
	height:140px;
}
#specImageGallery .specImageContainer img {
	margin-bottom:0;
	border:0;
}
#specImageGallery .specImageContainer a {
	display:block;
	min-height:97px;
	width:97px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #D2D3D3;
}
* html #specImageGallery .specImageContainer a {
	height:100px;
}
#specImageGallery .specImageContainer p {
	margin:5px 0;
}
/* ####################### /SEMINAR SPECIFIC ######################## */

.newsletter_button {
	width:auto;
	background-color:#EFEFF0;
	border:1px solid #878888;
	color:#A12D85;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
}

td.banner_rt {
	padding:0;
	vertical-align:top;
}
td.banner_rt img {
	display:block;
	margin-top:15px;
	padding:0;
	border:0;
}


a img {
	border:0;
}



/* ####################### for tiny mce ####################### */
.purple {
	color:#A12D85;
}
/* ####################### /for tiny mce ###################### */