/*
	Declarations of a general style, that may be used in many places.
	These declarations may be used within many pages or controls.
*/

/* Minor padding. Used in Export Recipient page. */
.MarginFromTop
{
	margin-top:10px;
}

.MouseOver
{
	cursor:hand;
}

.NoDisplay
{
	display:none;
}

/* Form Elements */

TextArea.Code
{
	font-family:Arial;
}

TextArea.normalTextArea
{
	width:350px;
	height: 50px;
}

TextArea.mediumTextArea
{
	width:350px;
	height: 100px;
}

Input.tinyTextBox
{
	width:50px;
}

Input.diminutiveTextBox
{
	width:100px;
}

Input.smallTextBox
{
	width:200px;
}

Input.verysmallTextBox
{
	width:190px;
}

Input.mediumTextBox
{
	width: 300px;
}

/* End Form Elements */

/* Standard style for text of labels */
.caption, .caption TABLE
{
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333333;
	padding:5px;
	text-align: left;
}

/* Fixed width label text */
.caption150
{
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333333;
	padding:5px;
	text-align: left;
	width: 150px;
}

/* Typically applied to a table cell containing a form element */
.field, .Field TABLE
{
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	color: #CC3366;
}


/* For styles to cascade correctly, this must appear be before btnLink */
/* Used for most tabbed content */
.Tab A
{
	color: #666666;
}

/* Used styling linkbuttons. Used for almost all buttons. */
.btnLink, A.btnLink, A.btnLink:active, A.btnLink:hover
{
	border-top: #ccc 1px solid;
	border-bottom: #066 1px solid;
	border-right: #066 1px solid;
	border-left: #ccc1px 1px solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	height: 20px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: 200;
	font-size: 11px;
	margin: 1px;
	color: #333;
	font-family:Verdana, Geneva, sans-serif;
	background-color: White;
	text-decoration: none;
}

input.btnLink 
{
	height: 20px;
}

input.btnLink:disabled 
{
	color:Gray;
}

A.aspNetDisabled.btnLink
{
	color:Gray;
}

/* Primarily used in date selector controls */
.plainLink, A.plainLink, A.plainLink:active, A.plainLink:hover
{
	text-decoration: none;
}

.subText
{
	color : #CA1F4D;
}

/* Generic border for many pages */
#modulecell
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

/* Generic header for tables on many pages*/
.moduleHeader
{
	width:100%;
	margin:0px;
	padding:0px;
}
.moduleHeader TH
{
	background-color: #999999;
	color: white;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	padding-left: 4px;
	font-size: 14px;
}

/* Generic style for tables on many pages */
.moduleBody
{
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	padding: 4px;
	font-size: 11px;
	color: #333333;
	width:100%;
}

/* Generic style for tables on many pages */
.module
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	width:600px;
}	

/* Class applied to table containing tabs */
.TabbedModule
{
	width:600px;
}

/* Class applied to table cell containing tabs */
.TabbedModuleTabs
{
	padding-top:10px;
}

/* Applied to a table containing a tab */
.Tab
{
	background-image: url('../images/bg_table_blue.gif');
	min-width: 650px;
	width:100%;
	padding:10px;
}

/* Applied to the "body" subsection of a tab */
.TabBody
{
	width:100%
}

/* Modifies the caption class when inside a tabbed page */
.TabBody .caption
{

	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	padding: 4px;
	font-size: 10px;
	font-weight: bold;
	margin:4px;
	color: #333333;
}

/* Header inside a tab */
.TabBody TH
{
	background-color: #333333;
	text-align: left;
	color: White;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	margin:50px;
}

/* Used in datagrids when paging is required */
.Paging, .Paging A
{
	font-size: 11px;
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration: none;
}
.Paging A:Hover{text-decoration: underline;}

.SettingsDatagrid 
{
	font-family:Verdana, Geneva, sans-serif;
	width: 100%;
	padding:1px;
	background-color: #eae8e8;
	border-color: #EAE8E8;
}
.SettingsDatagridItem, .SettingsDatagridItem TD
{
	font-size:12px;
	text-decoration:none; 
	color:black;
	background-color: #eae8e8;
	border-color: #EAE8E8;
}

.DynamicContentDataGrid
{
	font-family:Verdana, Geneva, sans-serif;
	width: 100%;
	border: none;
	padding:0px;
}

/* Standard class for a data grid */
.datagrid, .RuleDataGrid
{
	font-family:Verdana, Geneva, sans-serif;
	width: 100%;
	border-color: White;
	border-width: thin;
	border-style: solid;
	padding:1px;
	background-color: White;
}

/* RuleDataGrid is used in several rule editing controls */
.RuleDataGrid
{
	border-width: 1px;
	border-color: Gray;
	width: 90%;
}

.datagridItem, .datagridItemAlt, .RuleDataGridItem
{
	font-size:10px;
	text-decoration:none;
	color:black;	
}

.RuleDataGridItem TD
{
	background-color: White;
}

.datagridItem TD
{
	background-color: #FFFFFF;
}

.datagridItemAlt TD
{
	background-color: #F8F8F8;
}


.datagridHeading TD
{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
	vertical-align: middle;
	line-height: 15px;
	background-color:#CCCCCC;
	padding: 2px;
}

.datagridHeading, .datagridHeading A
{
	font-size:10px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#333333;
	vertical-align: middle;
	line-height: 15px;
}

.datagridHeading A:Hover{ text-decoration: underline; }

/* Applied to tables which contain a number of buttons */
.GlobalButtonTable, .ModuleButtonTable, .datagridButtonTable
{
	width: 600px;
	padding:15px;
	line-height: 24px;
	vertical-align:super;
	text-align:right;
}

.IntegratedDatagridButtonTable
{
	width: 600px;
	padding:2px;
	vertical-align:super;
	text-align:left;
	background-color: #eae8e8;
}

.GlobalButtonTable
{
	margin: 5px;
}

.datagridButtonTable
{
	text-align:left;
}

.ModuleButtonTable
{
	width:100%;
	background-color: #f8f8f8;
}

/* General text style */
.marketingText, .marketingLink, .helpText
{
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}

.marketingLink
{
	text-decoration: none;
}

/* Buttons */
.buttonSection
{
	max-width:750px;
	line-height: 24px;
	height:20px;
}
.buttonSectionMedium
{
	width:600px;
	height:30px;
	line-height: 32px;
}
.button
{
	float:right;
	padding-top:5px;
}
.buttonLeft
{
	float:left;
	padding-top:5px;
}
/* Section panels ---------------------------------- */
.sectionPanelLarge
{
	min-width:580px;
	max-width:750px;
	padding-top:30px;
	margin-left:0px;
}

.sectionPanelMediumLarge
{
	width:650px;
	padding-top:0px;
}

.sectionPanelMedium
{
	min-width:600px;
	max-width:600px;
	padding-top:30px;
	margin-left:0px;
}

.sectionPanelSmall
{
	width:450px;
	padding-top:30px;
	margin-left:0px;
}

.sectionPanelBody
{
	border-right:#cccccc 1px solid;
	border-top:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
}

.sectionPanelHeader
{
	overflow: hidden;
	background-color:#e1dfd9;
	color:#666666;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	font-size:14px;
	height:27px;
}

.sectionPanelHeaderTitle
{
	padding-top:4px;
	padding-left:3px;
	padding-bottom:6px;
	float:left;
}

.sectionPanelHeaderExtraControls
{
	padding-left:20px;
	float:left;
}

.sectionPanelHeaderImage
{
	margin-left:-50px;
	float:right;
}

.sectionPanelContentGrey
{
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	padding:1px 1px 4px 1px;
	font-size:11px;
	color:#333333;
	background-color:#f8f8f8;
}

.sectionPanelContentWhite
{
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	padding:1px 1px 4px 1px;
	font-size:11px;
	color:#333333;
	background-color:#ffffff;
}
/* end */

/* Formatting of "test address" selectors */
.height90px
{
	height: 90px;
}

.VerAlignCheckBoxGrid
{
	line-height:1px;
}

.testing
{
	vertical-align:middle;
	margin-top : 4px;
}

.chartBorderWidth
{
	border:0;
}