/* 
    Document	: bc_form
    Gemaakt op	: 31-okt-2011, 14:11:17
    Auteur		: Communicatiebureau fourdesign_
    Omschrijving:
        In dit bestand staat al de standaard css voor formulieren.
*/


form .row {
	position: relative;
	  margin: 0 0 10px;
	  overflow: hidden;
	  clear: both;
  }
  
  form .row.image-description {
	  height: 100px;
  }
  
	  .block .row:last-of-type {
		  /*margin: 0;*/
	  }
  
	  .panel-content .row.ckeditor {
		  margin: 0;
		  margin-top: 13px;
	  }
  
	  form .row > span.inputDefault {
		  float: left;
		  display: block;
		  height: 22px;
		  color: #848484;
		  font-style: italic;
	  }
	  
		  .row:hover span.counterSpan {
			  color: #848484;
		  }
	  
	  form .row > span.counterSpan {
		  color: #CCCCCC;
		  display: block;
		  float: left;
		  font-size: 12px;
		  font-style: italic;
		  margin: 4px 0 0 6px;
	  }
  
	  label {
		  display: block;
		  width: 200px;
		  font-weight: 400;
		  color: #152A2A;
		  float: left;
		  clear: left;	
		  padding: 4px 0;
	  }
	  
		  .block label {
			  width: 189px;
		  }
		  
		  .panel-content label {
			  padding-left: 10px;
		  }
		  
		  .block label.radioButton {
			  width: 60px;
		  }
		  
		  .block label.radioButton > span {
			  float: left;
		  }
		  
		  .block label.radioButton > input[type="radio"] {
			  float: left;
		  }
		  
		  html.ie7 .block label.radioButton > input[type="radio"] {
			  margin-top: -1px;
		  }
  
	  select {
		  border: 1px solid #C5C7C8;
		  padding: 6px 4px 6px 4px;
		  width: 366px;
		  height: 30px;
		  background: #FFF;
		  cursor: pointer;
		  outline: 0 none;
		  margin-bottom: 24px;
		  
		  border: 1px solid #E5E5E5;
		  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
		  font: 400 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	  }
	  
	  div.row select {
		  margin-bottom: 0;
	  }
	  
	  select#widget-header-folderselector {
		  margin-bottom: 0px;
	  }
	  
		  select option {
			  padding: 6px 7px;
			  max-width: 362px;
		  }
		  
	  textarea {
		  border: 1px solid #C5C7C8;
		  padding: 4px 7px 4px 7px;
		  width: 500px;
		  min-width: 500px;
		  max-width: 500px;
		  resize: none;
		  float: left;
		  height: 150px;
		  resize: none;
		  min-height: 45px;
		  outline: 0 none;		
		  
		  border: 1px solid #E5E5E5;
		  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
		  font: 400 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	  }
  
	  input[type="text"], input[type="password"] {
		  padding: 4px 7px 4px 7px;
		  width: 350px;
		  border: 1px solid #C5C7C8;
		  float: left;
		  height: 20px;
		  outline: 0 none;
		  
		  background: #FFF;
		  border: 1px solid #E5E5E5;
		  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
		  font: 400 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
		  
		  -webkit-transition: all 150ms ease-in-out;
		  -moz-transition: all 150ms ease-in-out;
		  -ms-transition: all 450ms ease-in-out;
		  -o-transition: all 150ms ease-in-out;
		  transition: all 150ms ease-in-out;
	  }
	  
	  input[type="text"].slow, 
	  input[type="password"].slow {
		  -webkit-transition: all 450ms ease-in-out;
		  -moz-transition: all 450ms ease-in-out;
		  -ms-transition: all 450ms ease-in-out;
		  -o-transition: all 450ms ease-in-out;
		  transition: all 450ms ease-in-out;
	  }
		
	  
	  html.ie8 input[type="text"], 
	  html.ie7 input[type="text"] {
		  padding: 6px 7px 5px 7px;
		  height: 17px;
	  }
	  
		  input[type="text"].blur {
			  color: #C5C7C8;
			  font-style: italic;
		  }
	  
		  input[type="text"].invalid,
		  input[type="password"].invalid {
			  border-color: #feb3b3;
			  background-color: rgba(254, 179, 179, 0.2);
			  
			  -webkit-box-shadow: inset 1px 1px 2px 0px rgba(254, 179, 179, 0.2);
			  box-shadow: inset 1px 1px 2px 0px rgba(254, 179, 179, 0.2);
		  }
		  
		  input[type="text"].small {
			  width: 60px;
		  }
		  
	  span.tween {
		  float: left;
		  display: block;
		  margin: 5px 10px 0 10px;
	  }
	  
	  input[type="text"]:focus,
	  select:focus,
	  textarea:focus {
		  font-style: normal;
		  color: #2D2D2D;
		  border: 1px solid #BBB !important;
	  }
  
  textarea.cke_source:focus{
	  border:none !important;
  }
	  
	  input[type="checkbox"], input[type="radio"] {
		  margin: 4px 7px 0 0;
		  float: left;
	  }
	  
	  input.image[type="file"] {
		  cursor: pointer;
		  height: 30px;
		  opacity: 0;
		  position: relative;
		  text-align: right;
		  width: 290px;
		  z-index: 2;
		  filter: alpha(opacity=0);  
	  }
		  
		  html.ie8 .cover-file {
			  margin: -29px 0 0 160px;
		  }
		  
		  .cover-file {
		position: absolute;
		top: 0;
		left: 200px;
  
			  height: 30px;
			  /*margin:	-30px 0 0 160px;*/
		  }
		  
			  .cover-file input[type="text"] {
				  width: 175px;
			  }
	  
	  .radioButton {
		  width: 60px !important;
		  clear: none !important;
	  }
	  
  button[type="submit"] {
	  font: 600 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	  border: 1px solid #0098D9;
	  color: #FFFFFF;
	  float: right;
	  padding: 6px 12px 4px;
	  cursor: pointer;
	  border-radius: 3px;
	  
	  background: #0098d9;
	  background: -moz-linear-gradient(top,  #5bb4e5 0%, #0098d9 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bb4e5), color-stop(100%,#0098d9));
	  background: -webkit-linear-gradient(top,  #5bb4e5 0%,#0098d9 100%);
	  background: -o-linear-gradient(top,  #5bb4e5 0%,#0098d9 100%);
	  background: -ms-linear-gradient(top,  #5bb4e5 0%,#0098d9 100%);
	  background: linear-gradient(to bottom,  #5bb4e5 0%,#0098d9 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb4e5', endColorstr='#0098d9',GradientType=0 );
  }
  
	  button[type="submit"]:hover {
		  background: #1d91c7;
	  }
	  
	  button[type="submit"]:active {
		  background: #1b86b6;
	  }
	  
	  button[type="submit"]:before {
		  float: right;
		  margin: 2px 0 0 10px;
	  }
		  
		  button[type="submit"].button-left {
			  float: left;
			  margin-bottom: 10px;
		  }
  
	  input[type="submit"][value="Bladeren"] {
		  font: 600 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border: 1px solid #C5C7C8;
		  color: #152A2A; 
		  float: left;
		  padding: 5px 7px 5px;
		  cursor: pointer;	
		  border-radius: 3px;	
		  
		  margin: 0 0 0 10px;
		  
		  background: #f9f9f9;
		  background: -moz-linear-gradient(top,  #f9f9f9 0%, #ececec 100%);
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
		  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
		  background: -o-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
		  background: -ms-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
		  background: linear-gradient(to bottom,  #f9f9f9 0%,#ececec 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 );
	  }
	  
  button[type="button"] {
	  font: 600 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	  border: 1px solid #C5C7C8;
	  color: #152A2A; 
	  float: left;
	  padding: 5px 12px 3px;
	  cursor: pointer;	
	  clear: both;
	  border-radius: 3px;	
	  
	  background: #f9f9f9;
	  background: -moz-linear-gradient(top,  #f9f9f9 0%, #ececec 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
	  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
	  background: -o-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
	  background: -ms-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
	  background: linear-gradient(to bottom,  #f9f9f9 0%,#ececec 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 );
  }
  
	  button[type="button"]:hover {
		  background: #e1e2e3;
	  }
	  
	  button[type="button"]:active {
		  background: #c8cacd;
	  }
	  
	  button[type="button"]:before {
		  float: right;
		  margin: 2px 0 0 10px;
	  }
  
  
  /* Some other styles */	
  
  .album-upload-form input.focus[type="text"],
  .album-upload-form input.blur[type="text"] {
	  width: 300px;
	  margin: 0 0 0 36px;
  }
  
  .content.widget-tab {
	  background: #FFF;
	  /*padding: 10px;
	  border: 1px solid #E5E5E5;*/
  }
	  
  /* CK Editor CSS */
  
  #cke_message {
	  clear: both;
	  margin-top: 10px;
  }
  
  .cke_contents textarea {
	  min-width: 100%;
	  max-width: 100%;
  }
  
  span.cke_skin_kama {
	  max-width: 100% !important;
	  min-width: 100% !important;
	  clear: both;
	  padding: 0 !important;
	  -moz-border-radius: 0 !important;
	  -webkit-border-radius: 0 !important;
	  border: 0 !important;
  }
  
  html.ie7 span.cke_skin_kama {
	  max-width: 98.6% !important;
	  min-width: 98.6% !important;
	  clear: both;
	  padding: 0 !important;
	  -moz-border-radius: 0 !important;
	  -webkit-border-radius: 0 !important;
	  border: 0 !important;
  }
  
  .cke_skin_kama .cke_wrapper {
	  background-image: none !important;
	  background-color: #FCFCFC !important;
	  border-radius: 0 !important;
	  padding: 0 !important;
  }
  
  .cke_skin_kama .cke_wrapper .cke_top {
	  background: #E9E9E9;
	  background: -moz-linear-gradient(top,  #E9E9E9 0%, #DDDDDD 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%,#DDDDDD));
	  background: -webkit-linear-gradient(top,  #E9E9E9 0%,#DDDDDD 100%);
	  background: -o-linear-gradient(top,  #E9E9E9 0%,#DDDDDD 100%);
	  background: -ms-linear-gradient(top,  #E9E9E9 0%,#DDDDDD 100%);
	  background: linear-gradient(to bottom,  #E9E9E9 0%,#DDDDDD 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#DDDDDD',GradientType=0 );
	  
	  padding: 7px 5px 1px;
  }
  .cke_skin_kama .cke_toolgroup {
	  background-color: #F8F8F8 !important;
	  background-image: -moz-linear-gradient(center bottom , #E3E3E3, #FFFFFF) !important;
	  background-position: 0 !important;	
	  border-radius: 3px !important;
	  border: 1px solid #C3C3C3;
	  padding: 0 !important;
  }
  
	  .cke_skin_kama .cke_separator {
		  height: 23px !important;
	  }
  
	  .cke_skin_kama .cke_button a, .cke_skin_kama .cke_button a:hover, .cke_skin_kama .cke_button a:focus, .cke_skin_kama .cke_button a:active, .cke_skin_kama .cke_button a.cke_off {
		  padding: 6px 8px !important;
		  border-radius: 0 !important;
		  cursor: pointer !important;
	  }
	  
	  .cke_skin_kama .cke_button {
		  cursor: pointer !important;
	  }
	  
	  .cke_skin_kama .cke_button a:hover,
	  .cke_skin_kama .cke_button a:focus,
	  .cke_skin_kama .cke_button a:active	{
		  background-color: #DDD !important;
		  cursor: pointer !important;		
	  }
  
  .cke_skin_kama .cke_rcombo a, .cke_skin_kama .cke_rcombo a:active, .cke_skin_kama .cke_rcombo a:hover {
	  border: 1px solid #C3C3C3 !important;
	  border-radius: 3px !important;
	  height: 22px !important;
	  padding: 4px !important;
  }
  
	  .cke_skin_kama .cke_fontSize .cke_text {
		  width: 85px !important;
	  }
	  
	  .cke_skin_kama .cke_rcombo .cke_openbutton .cke_icon {
		  background: url("../../img/dropdown-white.png") no-repeat -4px 3px !important;
		  height: 21px !important;
	  }
	  
	  .cke_skin_kama .cke_rcombo:hover .cke_openbutton {
		  background: none !important;
	  }
  
	  .cke_skin_kama .cke_rcombo:hover .cke_openbutton .cke_icon {
		  background: #DDD  url("../../img/dropdown.png") no-repeat -4px 3px !important;;
	  }
  
  .cke_skin_kama a.cke_toolbox_collapser, .cke_skin_kama a.cke_toolbox_collapser:hover {
	  display: none;
  }
  
  .cke_skin_kama textarea.cke_source {
	  border: 0 !important;	
  }
  
  .cke_skin_kama .cke_contents {
	  height: 420px !important;
  }
  
  .cke_skin_kama .cke_wrapper .cke_bottom {
	  display: none;
  }
  
  .cke_skin_kama div.cke_dialog_ui_input_text {
	  border: 0 !important;
	  padding: 0 !important;
	  background: none !important;
  }
  
  .cke_dialog_body, .cke_dialog_footer {
	  -moz-border-radius: 0 !important;
	  -webkit-border-radius: 0 !important;	
  }
  
  .cke_skin_kama input[type="text"],
  .cke_skin_kama input[type="password"],
  .cke_skin_kama .cke_dialog_ui_input_select {
	  height: 20px !important;
	  border: 1px solid #c7c8c9  !important;	
  }
  
  .cke_skin_kama label {
	  float: none;	
  }
  
  /* PROGRESS BAR */
  
  .bc-form-progress-container {
	  background:	#FFF;
	  border: 1px solid #5EA11C;
	  height: 30px;
	  margin: 20px auto;
	  width: 480px;
  }
  .bc-form-progress-container.no-progress-available{
	  background:	#F0F0F0;
  }
  
  .bc-form-progress-bar {
	  width: 70%;
	  background: #5EA11C;
	  height:	30px;
  }
  .bc-form-progress-indicator {
	  position: relative;
	  z-index: 300;
	  width: 300px;
	  margin: -25px auto 0;
	  height:	15px;
	  color: #264409;
	  font-weight: bold;
	  text-align: center;
  }
  
  
  .multiple-file-container{}
  .multiple-file-container-top{}
  
  .multiple-file-container-middle {
	  overflow: hidden;
  }
  
  .multiple-file-container-middle-title{}
  .multiple-file-container-middle-images{}
  .multiple-file-container-middle-images-image{
	  float:	left;
	  width:	200px;
	  border:	1px solid #CCC;
	  margin:	3px;
  }
  .multiple-file-container-middle-images-image-top{
	  border-bottom: 1px solid #CCC;
  }
  .multiple-file-container-middle-images-image-top input{}
  
  .multiple-file-container-middle-images-image-thumb{
	  margin:	10px 0 10px 0;
	  max-height: 100px;
	  max-width: 100px;
  }
  .multiple-file-container-middle-images-image-bottom{
	  border-top: 1px solid #CCC;
  }
  .multiple-file-container-middle-images-image-bottom-left{
	  float:	left;
  }
  .multiple-file-container-middle-images-image-bottom-right{
	  float:	right;
	  width:	10px;
	  height: 10px;
	  cursor: pointer;
  }
  
  .multiple-file-container-bottom{
	  color: black;
  }
  .multiple-file-container-bottom.warning{
	  color:	yellow;
  }
  
  input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password {
	  height: 26px !important;
  }