﻿.SQBCtrl-fill{

 float:left;
 clear:left;
 padding:2px;
 font-family: Arial;
 font-size:11px;
}

.SQBCtrl-lbl
{
	float:left;
	width:120px;
	margin-right:10px;
	text-align:right;
	font-family: Arial;
    font-size:11px;
    padding:4px;
  
}
.SQBCtrl-lbl span{
    padding-left:2px;
    color:#676767;
    font-weight:bold;
    visibility:hidden;
}
.SQBCtrl-lbl span.r{
    
    visibility:visible;
}


.SQBCtrl-tb, .SQBCtrl-ms, .SQBCtrl-tbdt, .SQBCtrl-ddl, .SQBCtrl_RO_ltr span
{
    font-family: Arial;
    font-size:11px;
    padding:2px;
	width:250px;
	float:left;
}

textarea,SQBCtrl-tb
{
	height:150px;
}

 .SQBCtrl_RO_ltr span
 {
 	padding-top:4px;
 	padding-bottom:4px;
 }

.SQBCtrl-ddl{

    width:258px;
}

.gecko .SQBCtrl-ddl{

    width:256px;
}


.SQBCtrl-tbdt, .SQBCtrl-ms{ /* controls with buttons */

width:230px;
}


.SQBCtrl-tbdt:hover, .SQBCtrl-tbdt-img:hover, .SQBCtrl-ms { cursor:pointer; } /* selectable elements */


.SQBCtrl-tbdt-img{
  
    background: url('images/SQBBoundControls/icon_calendar_16.gif') no-repeat right center;
    width:16px;
    height:16px;
    display:block;
    float:left;
    margin-left:4px;
    padding-top:6px;
    /*left:327px;
    top:4px;
    position:absolute;*/
}

	.ms-btn-sel{
	font-size:11px; font-family: Arial; color:Blue;
	height:16px;
	    padding-top:6px;
	    float:left;
	    margin-left:4px;
	    padding-left:20px;
	   background:  url('images/SQBBoundControls/icon_fileupload_16.gif') no-repeat left center;
	}
	.ms-btn-sel span, .ms-btn-can span{display:none; }
	
	.ms-btn-can{
	font-size:11px; font-family: Arial; color:Blue;
	height:16px;
	    padding-top:6px;
    	float:left;
	    margin-left:4px;
	    padding-left:20px;
	background: url('images/SQBBoundControls/icon_cancel_16.gif') no-repeat left center;
	}


.BEND_val
{
   position:absolute;
   right:-15px;
   top:4px;
	color:Red;	
	 Font-Family:Arial;
}

 .BEND_serval{
    Font-Family:Arial;
    width:200px;
     position:absolute;
     left:405px;
     top:4px;
     color:Gray;
     background: url('images/progress/progress_circle_small_blue.gif') no-repeat left center;
     padding-left:20px;	
 }
 
 .BEND_exprval{
  font-size:11px;
  Font-Family:Arial;
    width:200px;
     position:absolute;
     left:405px;
     top:4px;
     color:Red;
 }
 
 .BEND_serval span{
    font-size:11px;
 }
 
 .BEND_serval.r{
  color:Red;	
  background-image:none;
  padding-left:0px;
 }


	.msd_pdialog
	{
	
		margin:2px;
		clear:left;
		padding:1px;
        
	}
	
	

	
	

.SQBCtrl-Text, .SQBCtrl-MediaSel, .SQBCtrl-Date, .SQBCtrl-DropDown, .SQBCtrl_RO_ltr
{
	position:relative;
	float:left;
	clear:left;
	padding:2px;
	border-bottom:dotted 1px #DEDEDE;
	margin-bottom:2px;
    width:398px;
}

.clear{ clear:both;}

/* per control: */

.SQBCtrl-Text{}
	.SQBCtrl-lbl{}
	.SQBCtrl-tb{}
	.BEND_val{}

/* Text variant: web service validator */
    .BEND_serval{}


.SQBCtrl-Date{}
	.SQBCtrl-lbl{}
	.SQBCtrl-tbdt{}
	.BEND_val{}	

SQBCtrl-DropDown{}
    .SQBCtrl-lbl{}
	.SQBCtrl-fkddl{}
	.BEND_val{}


.SQBCtrl-MediaSel{}
	.SQBCtrl-lbl{}
	.SQBCtrl-ms{} /* textbox that contains filename, = readonly */
	.BEND_val{}
	.msd_pdialog
	{
		border:dotted 1px black;
	}
	.ms-btn-sel{}
	.ms-btn-can{}
	.ms-prog{

		 position:absolute;
		left:405px;
		top:4px;
		width:20px;
		padding-left:20px;
		
		background: url('images/progress/progress_circle_small_blue.gif') no-repeat center right;
		display:none;
	}




