/* forms stylesheet
 *
 * @project		olympus medical
 * @version		1.0
 * @author		Matthias Proepping, Phillip Woelfel
 * @date		2012-10-10
 * @valid		false CSS3 is in use
 * 
 */
/* General Form Styles for Content */
.notVisible {
    display: none;
}
/*
 * Dropdown Styles
 */
/* @group dropdown */
.dropdown{
    height: 28px;
    color: #070e66;
    font-size: 13px;
    padding:  0 25px 0 9px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	text-align:left;
    text-decoration:none;
    background:#F0F0F0 url(../img/bg/dropdown.gif) no-repeat top right;
	-webkit-user-select:none;
	-k-user-select:none;
	-moz-user-select:moz-none;
    user-select:none;
	line-height: 28px;
}
.dropdown.disabled {
    background-position: bottom right;
    color: #aaacc6;
}
.field .dropdown {
	border: 1px solid #f0f0f0;
}
.dropdownOpts {
    position: absolute;
    overflow-y:auto;
	overflow-x:hidden;
    z-index: 1500;
    background:#F0F0F0;
    padding: 0 0 5px 0;
}
a.dropdownOpt {
	padding: 7px 9px 6px 9px;
	margin:0;
	list-style:none;
	display:block;
	/*white-space: nowrap;*/
	text-decoration:none;
     color: #070e66;
    font-size: 13px;
	cursor:pointer;
    text-align:left;
    z-index: 1501;
   /* width: 202px; */
}
a.dropdownOpt:hover {
    background-color:#c9c9c9;
}
/* Anpassung fuer System Select Boxen */
#main select {
    background-image: none;
}
.paginatorFilter {
	float: right;
	text-align: right;	
}
.paginatorFilter label {
	display: inline;
	float: left;
	padding: 6px;
}
#main .paginatorFilter select.filter {
	width: 110px;
}
/* @end */
label {
	display:block;
	padding-top: 10px;
}
select {
	width: 310px;
}
input {
	width: 299px;
	border: 1px solid #d9d9d9;
	background: #ededed;
	line-height: 26px;
	height: 26px;
	color: #444444;
	padding-left: 9px;
}
input.check,
input.radio {
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	margin-right: 3px;
}

textarea {
	border: 1px solid #d9d9d9;
	background: #ededed;
	width: 299px;
	overflow:auto;
	height: 205px;
	font-family: Arial;
	color: #444444;
	font-size: 12px;
	padding: 0 0 0 9px;
}
.radiobutton {	
	padding-right: 15px;
	line-height: 26px;
	vertical-align:bottom;
}
.radiobutton input,
.radiobutton label {
	display:inline;
	width: auto;
	height: auto;
	
}
.checkbox label, 
input.check {
	display:inline;
	width: auto;
	height: auto;
	margin-left: 0;
}
.checkbox label {
	font-weight: bold;
} 
.radiobutton strong {
	font-weight: bold;
}
.formWrapper { 
	background: #b7b7b7 url(../img/bg/tbl2.jpg) repeat-x 0 top;
	padding: 15px; 
	margin-bottom: 40px;
	/* is needed for IE7 */
	overflow: hidden;
	line-height: 20px;
}
.formBody {
	background: #ffffff;
	padding: 20px;
}
.formLeftCol {
	width:312px; 
	float:left;
}
.formRightCol {
	width: 310px;
	float:right;
}

.multiCol-wrapper {
	overflow:hidden;
}
.formWrapper .subcolumns {
	margin-bottom: 0;
}
.formWrapper h1, .formWrapper div.headline1, .formWrapper h2.former-h1 { 
	font-size: 26px;
	line-height: 32px;
	font-family: HelveticaNeueLite;
	padding: 0 15px;
}

.formBody h3 {
	/* psd OEH module3.psd HelveticaNeueLTstd bold */
	color: #08107b;
	font-family: HelveticaNeueLite;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
}
.submitWrapper {
	float:right; 
	margin: 40px 20px 5px 0;
}
.submitWrapper span.submit {
	display:block;
	text-indent: -99999em;
	background: transparent url(../img/sprites/icons_big.png) no-repeat 0 -270px;
	width: 139px;
	height: 28px;
}

span.submitButton { 
	display: inline-block;
	background: url(../img/bg/button_grey.png) no-repeat left top; 
	padding: 0 0 0 10px;
	
}

span.submitButton input { 
	border: none;
	outline: none; 
	display:block;
	cursor: pointer;
	padding: 0 30px 0 0;
	height: 28px;
	background: url(../img/bg/button_grey.png) no-repeat right top; 	 
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	font-size: 14px;
	width: 100%;
	text-shadow: #909090 1px 1px 0;
	vertical-align: top;
	 /* centering text on button */
	line-height: 28px; /* FF will ignore this but works for IE. This value should be same as value of the height property above */
    padding-bottom: 2px; /* IE will ignore but works for FF */
}
span.submitButton input::-moz-focus-inner
{ 
    border: 0;
    padding: 0;
}
.formBody input.dropdown {
	width: 274px;
}
.formFootnote {
	width: 350px;
	font-weight: bold;
	margin: 40px 0 5px 20px ;
	float:left;
}
.formMessage {
	color: #ffffff;
	line-height: 34px;
	padding-left: 43px;
}
.formMessage.error {
	background: #e60000 url(../img/sprites/forms.png) no-repeat 8px -34px;
}
.formMessage.success {
	background: #009fe3 url(../img/sprites/forms.png) no-repeat 8px 6px;
}
/* @group specialform fields */
.field.phone,
.field.fax,
.field.salutation,
.field.title {
	width: 150px;
}
.field.zip{
	width: 72px;
}
.field.town {
	width: 230px;
}
.field.phone input,
.field.fax input {
	width: 139px;
}
.field.title input {
	width: 141px;
}
.field.zip input {
	width: 61px;
}
.field.town input {
	width: 219px;
}
.field.phone,
.field.salutation,
.field.zip {
	float:left;
}
.field.fax,
.field.title,
.field.town {
	float:left;
	margin-left: 8px;
}
/* @end */
/* @group Error Styles */
.field input.error {
	width: 295px;
}
.field input.error.dropdown {
	width: 270px;
}
.field select.error {
	width: 304px;
}
.field label.error,
.field .radiobutton strong.error {
	font-weight: bold;
	color: #e60000;
}
.field input.error {
	border: 2px solid #e60000;
}
.field input.check.error,
.field input.radio.error {
	border: 0;
	width: auto;
}
.field.phone input.error,
.field.fax input.error,
.field.title input.error {
	width: 148px;
}
.field.zip input.error{
	width: 70px;
}
.field.town input.error {
	width: 228px;
}
.field.phone input.error,
.field.fax input.error,
.field.title input.error {
	width: 135px;
}
.field.zip input.error {
	width: 59px;
}
.field.town input.error {
	width: 215px;
}
/* @end */
/* @group DatePicker */
#ui-datepicker-div {
	display:none;
	z-index: 15000 !important;
}
.ui-datepicker {
	width: 180px;
	background: #f0f0f0;
	padding: 7px;
	-webkit-box-shadow: 0px 4px 4px #444444; /* webkit browser*/ 
	-moz-box-shadow: 0px 4px 4px #444444; /* firefox */ 
	box-shadow: 0px 4px 4px #444444;
}
.ui-datepicker-title {
	text-transform: uppercase;
	text-align: center;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon{
	display:block;
	text-indent: -9999em;
	background: #f0f0f0 url(../img/sprites/icons.png) no-repeat 0px -600px;
	width: 14px;
	height: 14px;
	margin: 0 5px;
}
.ui-datepicker-next .ui-icon {
	background-position: 0px -150px;
	float:right;
}
.ui-datepicker-header {
	margin-bottom: 7px;
}
.ui-datepicker table td,
.ui-datepicker table th {
	width: 24px;
	padding: 5px 0;
	background: #ffffff;
}
.ui-datepicker a {
	color: #444444;
}
.ui-datepicker table th {
	display:none;
}
.ui-datepicker table td {
	border-right: 1px solid #f0f0f0;
	text-align: center;
}
/* @end */
/* @group cf1 */
#cf1 p.intro-text {
	background: #f0f0f0;
	padding: 20px 220px 20px 20px;
	margin-bottom: 15px;
}

#cf1 .field.phone,
#cf1 .field.fax {
	margin-bottom: 34px;
}
#cf1 .field.legalnotes {
	margin-top: 30px;
}
/* @end */
/* @group NLSUB1 */
#nlsub1 p.newsletter_selection {
	background: #f0f0f0;
	padding: 20px 220px 20px 20px;
	margin-bottom: 15px;
	overflow:hidden;
}
#nlsub1 p.newsletter_selection span {
	color: #08107b;
	display:block;
	margin-bottom: 8px;
}
#nlsub1 p.newsletter_selection input,
#nlsub1 p.newsletter_selection label {
	display:inline;
	padding-top: 0;
	color: #444444;
	font-weight: normal;
}
#nlsub1 p.newsletter_selection .field {
	display:inline;
	padding-right: 10px;
}
#nlsub1 .field.salutation label,
#nlsub1 .field.title label {
	padding-top: 0;
}
/* @end */
/* @group searchbox */
.searchbox {
	margin-bottom: 26px;
}
.searchbox .searchHints {
	font-size: 14px;
	line-height: 20px;
	padding-left: 18px;
}
.searchbox .searchHints a {
	color:#08107b;
}
.searchbox .inner {
	background: url(../img/bg/tbl2.jpg) repeat-x top left;
	padding: 19px 20px 20px 17px;
	overflow:hidden;
}
.searchbox input.text {
    border: none;
    background:  url(../img/sprites/productsearch.gif) no-repeat top left;
    width: 625px;
    padding: 0 0 0 9px;
     height: 29px;
      display:block;
      float:left;
}

.searchbox input.submit {
    border: none;
    background:  url(../img/sprites/productsearch.gif) no-repeat top right;
    width: 77px;
    font-size: 14px;
    text-align: center;
    padding: 0 0;
    cursor: pointer;
    height: 29px;
    display:block;
    float:left;
}

.searchbox.search404 {
	width: 365px;
}
.searchbox.search404 .inner {
	width: 325px;
}
.searchbox.search404 input.text {
	width: 238px;
}
.searchbox.search404 input.submit {
	width:78px;
}
/* @end */
/* @checkboxDropdown */
.checkboxDropdown .title {
    height: 28px;
    color: #070e66;
    font-size: 13px;
    padding:  0 25px 0 9px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	text-align:left;
    text-decoration:none;
    background:#F0F0F0 url(../img/bg/dropdown.gif) no-repeat top right;
	-webkit-user-select:none;
	-k-user-select:none;
	-moz-user-select:moz-none;
    user-select:none;
	line-height: 28px;
	border: 1px solid #F0F0F0;
	width: 274px;
}	
.checkboxDropdown.error .title {
	border: 2px solid #e60000;
	width: 270px;
}
.checkboxDropdown.js-on .checkboxes {
	display: none;
	position: absolute;
}
.checkboxDropdown .checkboxes {

    overflow-y:auto;
	overflow-x:hidden;
    z-index: 1500;
    background:#F0F0F0;
    padding: 0 0 5px 0;
}
.checkboxDropdown .option {
	padding: 3px 9px 6px 9px;
	margin:0;
	list-style:none;
	display:block;
	text-decoration:none;
     color: #070e66;
    font-size: 13px;
    text-align:left;
    z-index: 1501;
    width: 290px; 
	clear: left;
}
.checkboxDropdown .option input {
	float:left;
	margin-top: 3px;
}
.checkboxDropdown .option label {
	display: block;
	padding: 0;
	margin-left: 20px;
}
/* @end */
/* @Checkbox Dropdown fuer EM */
.em1 .searchForm {
	overflow: visible !important;
	position: relative;
	z-index: 1500;
}
.em1 .searchForm input[type=checkbox] {
	width: auto;
	float: left;
}
.formField .checkboxDropdown .title {
    /*font-family: lucida grande;*/
	width: 212px;
}
.formField .checkboxDropdown.js-on .checkboxes {
	display: none;
	position: absolute;
	left: 98px;
	width: 248px;
}
.formField .checkboxDropdown .option {
	width: 212px;
	line-height: 20px;
}
.formField .checkboxDropdown .option label {
     color: #070e66;
     width: 180px;	
     display: block;
     margin: 0;
     padding: 0;
     float: left;
}
/* @end Checkbox Dropdown fuer EM */

/* @CSS fuer Formhandler */
form#contactHandler {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;   
    background: #ffffff none repeat scroll 0 0;
    padding: 20px;
    }
 
  	#contactHandler label#formSuccess, form label#formFailed {
  		display:none; 
  	}
  	 #contactHandler label#formSuccess {
        padding:15px 0;
        line-height:34px;       
        color:#ffffff; 
        width: 100%;
        background-color: #009fe3;
     }
     
     #contactHandler div#icon-success {        
        line-height:34px;
        background: url(/medical/rmt/media/_design/css/img/sprites/forms.png) no-repeat 8px 0 #009fe3; 
        float:left;
        padding:18px;      
     }
     
  	 #contactHandler label.error { 
    	color:#cc0000 !important; 
    }
	#contactHandler *.error {
		border-color:#cc0000 !important;
	 }
	#contactHandler label.success {
		width:auto; clear:both; float:none; display:none; color:#00cc00; 
	}  
        
   	#contactHandler label.mandatory {
         font-weight:bold;
          }
          
	#contactHandler label.mandatory:after {
		 content:"*";
  }
     .intro-text {
      background: #f0f0f0 none repeat scroll 0 0;
   	 margin-bottom: 15px;
   	 padding: 20px 20px 20px 20px;
   	 }
#personal_block{
	
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

#message_block{	
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

#contactHandler input[type="checkbox"]{
width: auto;
height: auto;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding:0 5px 0 0;
border:0;
}

#contactHandler input.dropdown {
padding: 0 2px 0 9px !important;
}

#contactHandler #salutation {
   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
   
    }
    
#contactHandler #salutation input {
   height: auto; 
   width: auto;
   border:0;
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   padding:0 5px 0 0;
   }
   
#contactHandler #salutation label {  
   padding:10px 5px 0 0;
   }
    
#disclaimer_block {   
    background:none !important;
    margin: 20px 0;
    }
#disclaimer_block > #disclaimer {
 padding:0 0 20px 0;
 background:none !important;
}

#disclaimer input[type="checkbox"]:first-child  {
height:auto;
display:inline;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
     
label#section_additionalinfo {
    display:inline;
    padding:0;
    font-weight:bold;
    }
    
   #additional_content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; 
    margin: 0 0 20px 0;    
  overflow:hidden;
  transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
    }
    
   #job_block, #address_block {   	
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   } 
   
    #name-block-l, name-block-r {   	
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   } 
   
    #contact_footer {   
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   }  
   #disc_add {
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; 
    width:100%;
   }
    #submit_block {   
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end;
    float: right;
	padding: 20px 0 0;
   } 
   
   #zip_city_block {
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; 
    }
    
   #section_personaldata, #section_yourrequest {
    color: #08107b;
    font-family: HelveticaNeueLite;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
   }
   
   #info {
   cursor: pointer;   
   }
   
   .info_bg {
   background: #F0F0F0 none repeat scroll 0 0; 
   padding: 20px 20px 20px 10px;
   margin: 0 0 20px 0;
   }
 
#contactHandler div#content form > *.error {
 border-color:#cc0000 !important; 
 }
 
#contactHandler div#content form > label.success {
 width:auto; 
 clear:both; 
 float:none; 
 display:none; 
 color:#00cc00;
  }
  
label.small.mandatory-bold {
font-weight: bold;
}	

form#contactHandler select {
    background: #f0f0f0 none repeat scroll 0 0;
    border: medium none;
    color: #444444;
    cursor: pointer;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    text-decoration: none;
    z-index: 999;
}
form#contactHandler select option {
    padding: 0 0 0 5px;
}

/* @end CSS fuer Formhandler */