/*------------------------------------------------------------*/
/* Common Styles - CSS Document      				  		  */ 
/*------------------------------------------------------------*/
/* Hex color codes for this site:							  */
/* -------------------------------                            */
/* Dark Grey (#999999), Light Grey (#EEEEEE), Red #CC3300,	  */
/* and Blue (#000066).										  */
/*------------------------------------------------------------*/

/*------------------------------------------*/
/* Link Effects:						    */
/*------------------------------------------*/

/* Default link effects for ENTIRE site */
a:link 		{color: #000066; text-decoration: none;}
a:visited 	{color: #000066; text-decoration: none;}
a:active 	{color: #000066; text-decoration: none;}
a:hover 	{color: #CC3300; text-decoration: underline;}
span.spanlink {color: #000066; text-decoration: none; cursor: pointer;}
span.spanlink:hover {color: #CC3300; text-decoration: none; cursor: pointer;}

/* Overrides for INDIVIDUAL links (Apply class to <a> tags) 
.LinkMenu:link 		{color: #000066; text-decoration: none;}
.LinkMenu:visited 	{color: #000066; text-decoration: none;}
.LinkMenu:active 	{color: #000066; text-decoration: none;}
.LinkMenu:hover 	{color: #CC3300; text-decoration: underline;}*/

.LinkMenuHeader:link 	{color: #CC3300; text-decoration: none;}
.LinkMenuHeader:visited {color: #CC3300; text-decoration: none;}
.LinkMenuHeader:active 	{color: #CC3300; text-decoration: none;}
.LinkMenuHeader:hover 	{color: #CC3300; text-decoration: underline;}

.LinkWhiteUnderline:link 	{color: #FFFFFF; text-decoration: none;}
.LinkWhiteUnderline:visited {color: #FFFFFF; text-decoration: none;}
.LinkWhiteUnderline:active 	{color: #FFFFFF; text-decoration: none;}
.LinkWhiteUnderline:hover 	{color: #FFFFFF; text-decoration: underline;}

/* Overrides for link GROUPS (Apply class to container tags) */
.GridHeader a			{color: #FFFFFF; font-weight: bold;	text-decoration: none;}
.GridHeader a:visited	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
.GridHeader a:active	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
.GridHeader a:hover		{color: #FFFFFF; font-weight: bold;	text-decoration: underline;}

/*------------------------------------------*/
/* Text	Effects								*/
/*------------------------------------------*/

/* Common Text Types */
.FinePrint			{font-size: 10px;}
.FinePrintBold		{font-size: 10px; font-weight: bold;}

.DefaultPrintBold	{font-weight: bold;}

.MediumPrint		{font-size: 12px;}
.MediumPrintBold	{font-size: 12px; font-weight: bold;}

.LargePrint			{font-size: 14px;}
.LargePrintBold		{font-size: 14px; font-weight: bold;}

/* Red Text */
.FineRed			{color: #CC3300; font-size: 10px;}
.FineRedBold		{color: #CC3300; font-size: 10px; font-weight: bold;}

.DefaultRed			{color: #CC3300;}
.DefaultRedBold		{color: #CC3300; font-weight: bold;}

.MediumRed			{color: #CC3300; font-size: 12px;}
.MediumRedBold		{color: #CC3300; font-size: 12px; font-weight: bold;}

.LargeRed			{color: #CC3300; font-size: 14px;}
.LargeRedBold		{color: #CC3300; font-size: 14px; font-weight: bold;}

.XLargeRed			{color: #CC3300; font-size: 18px;}
.XLargeRedBold		{color: #CC3300; font-size: 18px; font-weight: bold;}

/* Blue Text */
.FineBlue			{color: #000066; font-size: 10px;}
.FineBlueBold		{color: #000066; font-size: 10px; font-weight: bold;}

.DefaultBlue		{color: #000066;}
.DefaultBlueBold	{color: #000066; font-weight: bold;}

.MediumBlue			{color: #000066; font-size: 12px;}
.MediumBlueBold		{color: #000066; font-size: 12px; font-weight: bold;}

.LargeBlue			{color: #000066; font-size: 14px;}
.LargeBlueBold		{color: #000066; font-size: 14px; font-weight: bold;}

.MediumWhite			{color: #FFFFFF; font-size: 12px;}
.MediumWhiteBold		{color: #FFFFFF; font-size: 12px; font-weight: bold;}
.LargeWhite			{color: #FFFFFF; font-size: 14px;}
.LargeWhiteBold		{color: #FFFFFF; font-size: 14px; font-weight: bold;}

.XLargeGrey		{color: #797979; font-size: 18px;}
.MediumGrey     {color: #797979; font-size: 12px;}

.XLargeBlue			{color: #000066; font-size: 18px;}

.MediumOrange {color:#CC3300 !important; font-size: 12px; font-weight: bold;}
.MediumOrange:hover  {color:#CC3300 !important; font-size: 12px; text-decoration:underline; font-weight: bold;}

/* Generic Text Effects */
.FormLabel, .formLabel	{color: #000066; font-weight: bold;}
.MoreLink	{text-align: right;}

.radEditor
{
	background-image: none;
}

/*------------------------------------------*/
/* Global Default Settings				    */
/*------------------------------------------*/
body
{
	margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
	padding: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
	font-size: 11px; /* font-family: Verdana, Arial, Helvetica, sans-serif; <-- Alternate Font */
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; /* Must be the same as <table> below */
	background-image: url(Images/PageBGTile.gif);
}

input, textarea
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

table
{
    color: #333333; /* Must be the same as <body> above  */
    font-size: 11px; /* font-family: Verdana, Arial, Helvetica, sans-serif; <-- Alternate Font */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
}

/*------------------------------------------*/
/* Main Container (ALL Elements)	    	*/
/*------------------------------------------*/
.MainContainer
{
	position:relative;
	/*border: 1px solid #666666;*/
	background-color: #FFFFFF;
	width: 730px;
	margin: 0 auto;
}

/*------------------------------------------*/
/* Application Specific	*/
/*------------------------------------------*/

.ApplicationMainContainer
{			
    background-color: #FFFFFF;
    width: 100%;            
    min-width: 770px;
}

.ApplicationHeaderNavigation
{   
    padding-top: 1px; 
	padding-bottom: 5px;
	background-image: url(Images/HeaderRedBarTile.gif);
	text-align: right;
	overflow: hidden;
	float:right;
}

.ApplicationContentContainer
{
    padding: 2px 5px 2px 5px;
    overflow: hidden;
}

.ApplicationHeaderContainer
{
	height: 35px;
	background: url(Images/HeaderBackground.gif) repeat-x;
	overflow: hidden;
}

.ApplicationHeaderLeftMenuGraphic
{
    width: 144px;
    height: 35px;
    background-image: url(Images/HeaderLeftCurveApplication.gif);
    float: right;
}

.ApplicationHeaderRightEmptySpace
{   
	width: 40px;
	height: 35px;
	background-image: url(Images/HeaderRedBarTile.gif);
	float: right;
}

.ApplicationFooterContainer
{
	height: 35px;
	background: url(Images/FooterBackground.gif) repeat-x;
	overflow: hidden;
}

.ApplicationFooterLeftMenuGraphic
{
    float: right;
    width: 146px;
    height: 35px;
    background-image: url(Images/FooterLeftCurveApplication.gif);
}

.ApplicationFooterRightEmptySpace
{
	background-image: url(Images/FooterRedBarTile.gif);
	width: 40px;
	height: 35px;
    float: right;
}

.ApplicationFooterNavigation
{
	padding-top: 6px;
	background-image: url(Images/FooterRedBarTile.gif);
	text-align: right;
	float: right;
	overflow: hidden;
}

/*------------------------------------------*/
/* Header and Footer Specific				*/
/*------------------------------------------*/

.PageHeader
{
    padding-top:5px !important;
}

/* Graphic on left side of main menu */
.HeaderLeftMenuGraphic
{
	width: 232px;
	height: 35px;
	background: url(Images/HeaderLeftCurve.gif) no-repeat;
	float: left;
}

.LogoAndSearchContainer
{        
    height: 54px;  
    width: 730px;
    text-align: left;
}

/* Container Cell for Navigation Text or Buttons */
.HeaderNavigation
{   
    padding-top: 1px; 
	padding-bottom: 5px;
	background: transparent;
/*	background-image: url(Images/HeaderRedBarTile.gif);*/
	/*width: 498px;*/
	/*margin-left: 232px;*/
	text-align: right;
	float: left;
	overflow: hidden;
}

/* Graphic on left side of Footer */
.FooterLeftMenuGraphic
{
    float: left;
    width: 232px;
    height: 35px;
    background-image: url(Images/FooterLeftCurve.gif);
}

/* Container Cell for Navigation Elements */
.FooterNavigation
{
	padding-top: 6px;
	background-image: url(Images/FooterRedBarTile.gif);
	/*margin-left: 232px;*/
	text-align: right;
	overflow: hidden;
}

.endFormButtons
{
    padding: 5px 0 0 10px;
}

/* Styles for forms */
td.FormLabel, td.formLabel
{
	clear: both;
	padding-top: 1px;
	padding-left:1px;
	padding-right: 10px;
	vertical-align: middle;
	line-height: 16px;
}

td.FormElement, td.formElement
{
    /*margin-bottom: 5px;*/
    vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	/*position: relative;*/
}

td.FormElement *, td.formElement *
{
	vertical-align: middle;
}

.multilineTextBoxTall
{
	height: 250px;
}

.checkboxList tr td
{
    padding: 0px 0 0 0px;    
}

div.LinkMenu
{
	margin-bottom: 10px;
	display: block;
	border-bottom: 2px solid #999999 /*#CCCCCC*/;
	padding-bottom: 5px;
}

div.LinkMenuNoBorder
{
	margin-bottom: 10px;
	display: block;
	padding-bottom: 5px;
}

div.LinkMenu a
{
	margin-right: 15px;
}

div.LinkMenuNoBorder a
{
	margin-right: 15px;
}

/*------------------------------------------*/
/* CSS for Component Art Tab Strip		    */
/*------------------------------------------*/
.TSTopGroup
{
  z-index:99;
  position:relative;
}

.TSDefaultTab
{
  background-image:url(Images/nrm_bg.gif);
  font-size:10px;
  font-family: tahoma; 
  cursor:pointer;
}

.TSSelectedTab
{
  background-image:url(Images/sel_bg.gif);
  font-size:10px;
  font-family: tahoma; 
  cursor:default;
}

.TSLevel2Group
{
  background-image:url(Images/nrm_bg.gif);
}

.TStransparent
{
  background:transparent;
}

/*------------------------------------------*/
/* Styles for Images						*/
/*------------------------------------------*/

.GreyImageBorder
{
	border: 1px solid #666666;
	padding: 1px;
}

.FeaturedProducts:hover
{
    cursor:pointer;
	background-color: #EEEEEE;
}

/*------------------------------------------*/
/* Styles for Content Sections			    */
/*------------------------------------------*/
.ContentCell
{
	vertical-align: top;
	padding: 6px 6px 6px 6px; /* Top, Right, Bottom, Left */
}

.ErrorPageWatermark
{
	vertical-align: top;
	padding: 6px 6px 6px 6px; /* Top, Right, Bottom, Left */
	background-image: url(Images/WatermarkError.gif);	
	background-repeat: no-repeat;
	background-position: right bottom;
}

.GreyFrameHeader
{
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	/* border: 1px solid #999999; */
	padding-left: 6px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-bottom:2px;
/*	background-color: #999999;
	background-image: url(Images/GreyFrameHeaderBG.gif);*/
}

.GreyFrameGreyBG
{
	vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 6px 6px 6px 6px;  /*Top, Right, Bottom, Left */
	background-color: #EEEEEE;
}

.GreyFrameGreyAdminBG
{
	vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;	
	background-color: #EEEEEE;
	background-image: url(Images/GreyFrameHeaderBG.gif);
	background-position: 0 0px;
	background-repeat: repeat-x;
}

.GreyFrameWhiteBG
{
	vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 6px 6px 6px 6px; /* Top, Right, Bottom, Left */
	background-color: #FFFFFF;	
	height: 100%;	
}

.GreyFrameWhiteAdminBG
{
	vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;	
	background-color: #FFFFFF;
	height: 100%;	
	background-image: url(Images/GreyFrameHeaderBG_35.gif);
	background-position: 0 0px;
	background-repeat: repeat-x;
}

.GreyBorderHeader
{
	color: #CC3300; 
	font-size: 14px; 
	font-weight: bold;	
	height: 20px;
}

.GreyBorder
{
	vertical-align: top;
	border: 1px solid #999999;
	padding: 6px 6px 6px 6px; /* Top, Right, Bottom, Left */
	height: 100%;	
}

.PaddingStyle01
{
    padding: 6px 6px 6px 6px; /* Top, Right, Bottom, Left */
}

.SuccessMessage
{
	padding: 5px;
	color: #070e9a;
}

.AjaxLoadingPanel
{
	position: relative;
	top: 100px;
	left: 100px;
}

.SectionTitle
{
    width: 100%;
}

.TitleBar
{
    background-image: url(images/TitleHeaderBG.gif);
    background-repeat: repeat-x;
    padding: 2px 0 0 10px;
    border-bottom:1px solid #BBBBBB;
    height: 18px;
    border-top:1px solid white;
    margin-top: 2px;
}

.AddressContainer
{
    background-color: White; 
    width: 370px; 
    height: 200px;
    border-right: gray 1px solid; 
    border-top: gray 1px solid; 
    border-left: gray 1px solid; 
    border-bottom: gray 1px solid;     
}
/*------------------------------------------*/
/* DataGrid Styles							*/
/*------------------------------------------*/
.Grid tbody tr td div
{
	overflow-y: hidden;
}

tr.GridHeader
{
	color: #FFFFFF;
	font-weight: bold;	
	background: url(Images/TopBarSlice.gif) repeat-x;
	background-color: #003366;	
}

.GridHeader td div table tbody tr td
{
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0;
}

.GridHeader td
{
	border-left: white 1px solid;
	border-right: white 1px solid;
}

.GridHeader td div
{
	cursor: pointer;	
	padding-left: 5px;
	padding-right: 5px;
}

td.GridHeaderHighlight
{	
	font-weight: bold;	
	background: url(Images/MenuTopItemBGTall.gif) repeat-x;
	background-color: #990000;	
}

.GridHeaderHighlight td div table tbody tr td
{		
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

.GridHeaderHighlight td div table tbody tr td
{
	border: 0;
}

.GridHeaderHighlight td
{
	border-left: white 1px solid;
	border-right: white 1px solid;
}

.GridHeaderHighlight td div
{
	cursor: pointer;	
	padding-left: 5px;
	padding-right: 5px;
}

.GridHeaderText:Hover
{
	text-decoration: underline;			
}

.GridRow
{
	padding-left: 2px;
	padding-right: 2px;	
}

.GridRowAlt
{
	padding-left: 2px;
	padding-right: 2px;
	background-color: #CCCCCC;
}

.GridFooter
{
	padding-left: 20px;
	color: #CC3300;
	font-weight: bold;
	background-color: #FFFFFF;
	/*white-space: nowrap; */
}

.Loading
{
	background-image: "~/App_Themes/NewTech/Images/ajax-loader.gif";
	background-repeat: no-repeat;
	background-position: center;
}

/*------------------------------------------*/
/* List Item Styles							*/
/*------------------------------------------*/
.BoldListItems
{	
	font-weight: bold;	
	padding-left: 10px;
	margin-left: 10px;
}

.ContentListItems
{	
	/* list-style-type: none; */
	padding-left: 10px;
	margin-left: 10px; 
}

/*------------------------------------------*/
/* Horizontal Rules	and Separators			*/
/*------------------------------------------*/
.GreyHRLight
{
	border: 0px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 2px;	
}

.GreyHRDark
{
	border: 0px;
	color: #999999;
	background-color: #999999;
	height: 2px;	
}

.GreySeparatorCellDark
{
	background-color: #999999;
	height: 8px;
	background-image: url(Images/GreyBarBG.gif);
}

.GreySeparatorCellLight
{
	background-color: #CCCCCC;
	height: 2px;
}

.GreyVertSeparatorCellDark
{
	background-color: #999999;
	width: 2px;
}

.GreyVertSeparatorCellLight
{
	background-color: #CCCCCC;
	width: 2px;
}
/*------------------------------------------*/
/* SiteMap                       			*/
/*------------------------------------------*/

.SiteMap
{
  border: 1px solid black;
  background-color: white;
  font-family: verdana; 
  font-size: 10px;
  padding-left: 15px;
}

.RootNode
{ 
  color: black;
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold;
  padding: 7px;
  padding-top: 7px;
  padding-bottom: 1px;
} 

.RootNode a
{ 
  color: black;
  text-decoration: none;
} 

.RootNode a:hover
{ 
  color: black;
  text-decoration: underline;
} 

.ParentNode
{ 
  font-family: verdana; 
  font-size: 10px;  
} 

.ParentNode a
{ 
  color: black;
  text-decoration: none;
} 

.ParentNode a:hover
{ 
  color: black;
  text-decoration: underline;
} 

.LeafNode
{ 
  color: #DD3409;
  font-family: verdana; 
  font-size:10px;  
} 

.LeafNode a
{ 
  color: #DD3409;
  text-decoration: none;
} 

.LeafNode a:hover
{ 
  color: #DD3409;
  text-decoration: underline;
}

.alignRight
{
	text-align: right;
}

/*------------------------------------------*/
/* Text Boxes                      			*/
/*------------------------------------------*/

.standardTextBox
{
    width:288px;
}

.standardDropdown
{
    width: 295px;   
}

.longTextBox
{
	width:324px;
}

.reallyLongTextBox
{
	width:700px;
}

.shortTextBox
{
    width:125px;
}

.tinyTextBox
{
	width:100px;
}

.timeTextBox
{
	width:40px;
}

.multilineTextBox
{
    width:288px;
    height: 75px;
}
.multilineTextBoxColumn2
{
	width:440px;
    height: 200px;
}

.largeMultilineTextBox
{
	width: 500px;
	height: 150px;
}

.phoneTextBox
{
    width: 90px;
}

.dateTextBox
{
    width:86px;
}

.displaynone
{
	display: none;
}


/*************************/
/* Floating AJAX Pickbox */
/*************************/
.AjaxQuickSearch
{
	position: absolute;
	z-index: 50;
	background: white;
	padding: 4px;
	border: 1px solid black;
	display: block;
}

.AjaxQuickSearchSize
{
	
}

.AjaxSearchInProgress
{
	width: 100%;
	text-align: center;
	padding: 5px;
}

/************************/
/* Multiple File Upload */
/************************/
.MultipleFileUploadContainer input
{
	display: block;
}

.MultipleFileUploadAddAnotherFileLink
{
	cursor: pointer;
	color: #000066;
	text-decoration: none;	
}

.NavMenuSection
{
	margin: 3px 3px 7px 3px;
}

.NavMenuSection h3
{
	font-size: 9pt;
	font-weight: bold;
	color: #CC3300;
	margin: 0 0 2px 0;
}

.NavMenuSection a
{
	font-size: 8pt;
	/*font-weight: bold;*/
	display: block;
	margin-bottom: 2px;
}

.AjaxLoadingPanel
{
	background-image: url(Images/progressbar_green.gif);
	background-color: White;
	/*background-image: url(../App_Themes/NewTech/Images/ajaxLoader02.gif);*/
	background-repeat: no-repeat;
	background-position: 50% 50%
}

/************************/
/* ASP.NET AJAX Styles  */
/************************/
.modalPopupBackground
{
	background-color: #003366;
	filter:alpha(opacity=60);
	opacity:0.7;
}

.modalPopupContainer
{	
	background-color:#EEEEEE;
}

/*************************/
/* Knowledge Base Search */
/*************************/
.KnowledgeBaseHeading
{
    font-size: larger;
    padding-top: 5px;    
}

/*.KnowledgeBaseHeading a
{
    text-decoration: underline;
}
*/
.KnowledgeBaseDescription
{
    font-size: small;
    padding: 5px 0 10px 15px;
}

/****************************************/
/* Multicolumn Combobox ItemTemplate	*/
/****************************************/

.MultiColumItem
{
	/* Total height of the MultiColumnItem must add up to 20px, INCLUDING borders and padding */
	/* When calculating width of each header element, remember that its width must be equal to the
	   width of its corresponding item element plus that item element's border and padding pixels.  
	height: 17px;*/ 
	float: left;
	border-top: solid 2px #EEEEEE;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
	padding-left: 2px;
	padding-bottom: 200px;
	margin-bottom: -198px;
	margin-top: 0px;
	vertical-align: middle;
}

/****************************************/
/* Scheduler Highlighting             	*/
/****************************************/
.rsApt.HighlightStyle .rsAptOut
{      
   background: yellow;      
}


/****************************************/
/* Solution Styles                   	*/
/****************************************/
/* These needs to be keep in sync with the SolutionMoreInfoContentArea.css under NewTechBlue/Editor/ */
.SolutionHeaderArea
{
    background-color: #EEEEEE;
}
.SolutionMoreInfo
{
    vertical-align:top;
    font-size: 14px;
    color: #000066;
    font-family:Arial, Helvetica, sans-serif;
    padding:5px;
}