/* size of the form */
.form
{
	/*width: 440px;*/
	/*background-color: white;*/
	margin: 0 auto; 
}

/* div to contain an image that appears over the form floating right */
div.formOverlayImage {
	
	position: absolute; 
	top: 0; left: 0;
	z-index: 1;
	float: right;
	width: inherit;
	padding-right: 0px;
	padding-top: 0px;   
	
}

/*div.formOverlayImage > * { float: right; } */

div.formOverlayImage * { float: right; }
div.formOverlayImage * * { float: none; }

/* form consist of rows of elements*/

div.form-row {
	
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: overlay;
	width: 570px;
	clear: both;
	display: block;
}

* html div.form-row {padding-top:2px; padding-bottom:2px; } /* hack for IE6 */
*+html div.form-row {padding-top:2px; padding-bottom:2px; } /* hack for IE7 */

div.form-row-tab {
	
	padding-top:4px;
	padding-bottom:4px;	

	width: 500px;
	clear: both;
	display: block;
}

* html div.form-row-tab {padding-top:2px; padding-bottom:2px; } /* hack for IE6 */
*+html div.form-row-tab {padding-top:2px; padding-bottom:2px; } /* hack for IE7 */


div.form-row-medium {
	
	padding-top:4px;
	padding-bottom:4px;
	width: 393px;
	clear: both;
	display: block;
	
}

* html div.form-row-medium {padding-top:2px; padding-bottom:2px; } /* hack for IE6 */
*+html div.form-row-medium {padding-top:2px; padding-bottom:2px; } /* hack for IE7 */

div.form-row-mediumsmall {
	
	padding-top:4px;
	padding-bottom:4px;
	width: 345px;
	clear: both;
	display: block;
	
}

* html div.form-row-mediumsmall {padding-top:2px; padding-bottom:2px; } /* hack for IE6 */
*+html div.form-row-mediumsmall {padding-top:2px; padding-bottom:2px; } /* hack for IE7 */

.tab {
	width   : 415px;
	height  : 330px;    
}
.contained-tab 
{
	width   : 410px;
	height  : 290px;    
}

/* TODO: fix order dependency of declaration
/* all form elements float left */
.miniature, .tiny, .small, .big, .large, .medium, .huge {
	float: left;
	
	
/*	
	border-style:solid;
	border-width: 1px;
	border-color: black; 
*/
}

.control 
{
	vertical-align:top;
	padding-left: 2px;
	border: solid 1px  #7F9DB9; /*#FAFAFA; */
	height: 17px;
	}



/*  forms are built out of elements of 6 different widths:
	
	* tiny		:	50px
	* small	    :	100px
	* medium    :   150px
	* big		:	200px	
	* large	    :	300px  
	* huge      :   400px
*/

.miniature {
	width: 21px;
}

.tiny {
	width: 46px;
}

.small {
	width: 96px;
}

.medium 
{
	width: 146px;    
}

.big {
	width: 196px;	
}

.bigger{
	width: 200px;
}

.large{
	width: 296px;
}

.huge {
	width: 396px;
}

.dropdownlist 
{	
	border: solid thin #7F9DB9; 
	height: 20px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}


.large-dropdownlist 
{
	width: 200px;
	border: solid thin #7F9DB9; 
	height: 20px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.small-dropdownlist
{
	width: 100px;
	border: solid thin #7F9DB9; 
	height: 20px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;

	}

.form-textarea
{
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;

	}
/* left aligned label */

.left{
	text-align: left;
	padding-left: 0px;
}

/* right aligned label */

.right{
	text-align: right;
	padding-right: 0px;
}

.textarealabel {
	vertical-align:top;
	border: none;
	}

.image-button {
	vertical-align:top;
	margin-left: 4px;
	margin-right: 3px;
	float: left;
	}
	
.image-button-bottom {
	margin-left: 4px;
	margin-right: 3px;
	float: left;
	}

.image-button-placeholder
{
	float: left;
	width: 21px;
	height: 18px;
	background-color: #F2F2F2;
}

.form-column-label
{
	text-align:left;
	margin-left:5px;	
}

.form-column-textbox
{    
	vertical-align:top;
	width: 230px;	
	margin-left:8px;
	margin-right:3px;
	margin-top: 3px;	
}

.reportpopup-row
{    
	display:table-row;    
}

.tab-head-row
{
	height:35px;
	background-color:#F2F2F2;
	padding-top:7px;
	text-align:center;
}

.fullwidth { 
    width: 95%;
    padding-bottom: 2px;
    padding-top: 4px;
    display: inline-block;
}