/* dialog form css*/

/*
 * Effects in all the form dialogs 
 * Display background in gray color with top and bottom border 
 */ 
.dlgContainer
{
	background-color: #F0F0F0; 
	border-top: 1px solid #999999;  
	border-bottom: 1px solid #999999;  
}

#MainTable
{
	background-color: #F0F0F0; 
	border-top: 1px solid #999999;  
	border-bottom: 1px solid #999999;  
	margin-top: 10px;
	margin-left: 0px;
}

.csMainTable
{
	background-color: #F0F0F0; 
	border-top: 1px solid #999999;  
	border-bottom: 1px solid #999999;  
	margin-top: 10px;
	margin-left: 0px;
}
/* 
 *	This adds space on top and bottom of the table which contains the controls inside it. 
 */ 
.tblDialogForm 
{
	/*font-size: 11px;*/
	margin: 20px;
	margin-right:0px; 
	width: 95%;
}

/* 
 *	It overirdes the table padding property
 */ 
.tblDialogForm table
{
	cell-padding: 4px; 
}

/* 
 *	Overrides the td property of table
 * Align the elements to top
 */ 
.tblDialogForm td
{ 
	line-height: 16px; /*24*/
	vertical-align: top;	 
	padding-bottom: 6px;
}  

/* 
 *	This is for styling the control name inside a table in dialog form
 * The "control name" stands for the left hand side text inside a table for a specific control 
 * Ex: Name, Description
 */ 
.tblDialogForm .labelcol
{
	font-weight: bold;
	text-align: right;   			/* It aligns the controls to right */
	padding: 1px 5px 1px 20px;	   /* baseline is not working in firefox, So top padding is defined  */
	width:210px;						/* Default width of the left td which contains the control name */
	line-height: 16px;				/* To reduce the space between two row inside the table*/
	/*vertical-align:baseline;*/ 
} 

/*  
.tblDialogForm .labelrow
{
	font-weight: bold;   
	padding: 1px 5px 1px 5px;
}   
*/ 


/** 
 *	Width of the text box control inside Server Information (Server Admin)
 * It needs to move specific css
 */ 
 /*
.port
{	
	width:30px;
}  
*/
/* 
 *	It gives space below the page subtitle 
 */ 
#displayDialogControls 
{
	color:#000000;				/** This is not needed **/
	margin:10px auto 0px;	/* Gives the space between dialog sub title and the division containing the controls */	
}

/* 
 *	
 */ 
#displayDialogControls #leftRegion
{ 
	width:530px; 			/** Need to remove after check **/
}

/* 
 *	This is the text box width where we need bigger text box
 * Ex:Server License - In server Information (Server Admin)
 */ 
.tblDialogForm .textwidth
{	 
	text-align: left;
	width: 270px;
} 

/* 
 *	This class is meant for the descriptive text just below the html controls.
 */ 
 /*
.tblDialogForm .text
{  
	font-weight: normal;   
	text-align: left;
	line-height: 16px; 
	margin-bottom:2px;
}*/

/* 
 *	
 */
 /*  
.tblDialogForm .leftlabelcol
{
	font-weight: bold;
	text-align:  left;
	padding-left:25px;  
	width:150px;
} */

/* 
 *	
 */ 
 /*
.tblDialogForm .textpad
{     
	text-align: left;   
	padding-left:25px;		
	line-height: 22px;
	vertical-align: top;
}
*/

/* 
 *	To make the descriptive text (below of a control) for the specific control bold
 * Ex: used in Directories (Server Admin)
 */ 
.tblDialogForm .boldtext
{     
	text-align: left;
	font-weight: bold;   
	padding-bottom:5px;		
	line-height:16px;
	width:270px;
}

/* 
 *	Overrides the align top property of td
 * To align the control bottom in Database (server admin) where control name column(left column)  exceeds the width
 * It can be moved to specific css 
 */ 
 /*
.tblDialogForm .labelControls
{
	vertical-align:bottom; 
	padding-top: 16px;
} 
*/


/* 
 *	It adds the style to the text of check box control
 */ 
.tblDialogForm .checkboxText
{
	font-weight: bold;
	padding-right: 0.8em;
	cursor:pointer;
}

/* 
 *	Non-bold version that also adds spacing on right, so checkboxes group w their text
 */ 
.tblDialogForm .checkboxTextPlain
{
	padding-right: 0.8em;
}

/* the checkbox itself needs vertical repositioning */
.tblDialogForm .checkboxTextPlain input
{
	margin-right: 2px;
	position: relative;
	top: 2px;
}

/* 
 *	It alignes the right column checkbox of tblDialogForm  
 */ 
.tblDialogForm .rightCheckbox
{
	margin-top: 4px; 
}	
	
/** 
 *	It adds the style to the Session Timeout inside server admin
 * It can be moved to specific css 
 */ 
/*
.tblDialogForm .session 
{
	padding: 1px 5px 1px 5px;
	width:150px;	
} 	
*/

/* 
 *	It overrides the width property of left column containing the controls name
 */ 
/*
.tblDialogForm .checkboxcol,
.tblDialogForm .authentication,
.tblDialogForm .variableAndCookies
{
	width:20px;	
} 	

*/

/* 
 *	To style the button contol inside the server information page (Server Admin)
 * Ex : Date/Time settings: 
 * To override the property of input we can use it
 */ 
.tblDialogForm .inputBtn
{
	height:21px;  
	background-color:#f5f5f1;  
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #bfbfbf; 
} 	

/* 
 *	This is used instaed of labelcol class to reduce the width of left column  
 */  
 
 /*
.tblDialogForm .addNewLabel
{
	font-weight: bold;
	text-align: right;
	padding:3px 5px 0px 0px;
	width:155px;
	line-height: 16px;
	vertical-align: baseline;
} 
*/

/* 
 *	This for description control (text area control) name
 */ 
.tblDialogForm .labelcolDesc
{
	font-weight: bold; 
	text-align: right;   
	padding: 1px 5px 1px 20px;	
	width: 210px; /*155px;*/						
	line-height: 16px;	
} 

/*
 * Title of controls groups
 */
.tblDialogForm .labelcolHeaderFirst
{
	font-weight: bold;  
	padding-left:0px;	 
	line-height: 16px;				
	vertical-align:baseline;
}

.tblDialogForm .labelcolHeader
{
	font-weight: bold;  
	padding-left: 0px;	 
	line-height: 16px;				
	vertical-align:baseline;
	padding-top: 5px;
}
  
/* 
 *	Field description
 */ 
.tblDialogForm .fieldDescription
{  
	font-weight: normal;   
	text-align: left;
	line-height: 16px; 
	margin-bottom:2px;
}

 
/* 
 *	Overrides the labelcol width property of tblDialogForm
 * Used for indent checkboxes from left
 */ 
.dlgFormIndentLeft .labelcol
{ 	
	width:30px;
	vertical-align:top;
	padding:0px 0px 0px 20px; 
	margin:0px;
}

/*
 *	Sub field inside dialog form
 */
.subfield
{ 
	margin-left:30px;
	border:0px;
	width:90%;
}

/*
 *	Overrides the labelcol property of dialog form 
 */
.subfield .labelcol 
{ 
	text-align:left;
	width: 25%;
	padding: 4px 5px 1px 0px;
}

/*
 *	Defines the style of the text for describing the unit of any value
 * Ex: day, hour 
 */
.subfield .labelUnit
{
	font-weight: bold;
	text-align: left;   				/* It aligns the controls to right */
	padding: 4px 5px 1px 0px;	   /* baseline is not working in firefox, So top padding is defined  */	 
	line-height: 16px;				/* To reduce the space between two row inside the table*/
	vertical-align:baseline;
}

/*
 *	Overrides the height of the file upload control   
 */ 
.inputTypeFile input
{
	height:18px;
	border: 1px solid #cccccc;
}

/*
 * Style for Required field (*)
 */
.reqdField
{
	color:#800040;
	font-weight: bold; 
}