.div5,.p5 {
    display: inline-block; 
}
.div5 { 
    padding: 1em; 
}

html
{
	margin: 0 px;
	/*height:100%*/
}

form
{
	margin: 0 px;
	height: inherit;
}

.MainTable
{
	margin: 0 px;
	width:100%; 
	height: 100%;
	text-align:left;
	border: none;
	border-collapse: collapse;
	padding:0px;
}

.SecondTable
{
	margin: 0 px;
	width:100%; 
	text-align:left;
	border: none;
	border-collapse: collapse;
	padding:0px;
}

.TableContent
{
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
}

.CellContent
{
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.CartPanel
{
	vertical-align:middle;
	text-align: center;
	white-space:nowrap;
	cursor: pointer;
}

/*------------------------ Subheading --------------------------------*/
.SubheaderLeft
{
	font-size:16px;
	font-weight:700;
	text-align:left; 
	text-align: -moz-left;
	white-space:nowrap; 
}

.SubheaderRight
{
	font-size:16px;
	font-weight:700;
	text-align:right; 
	text-align: -moz-right;
	white-space:nowrap; 
}

/*------------------------ Forms table --------------------------------*/
.TableContainer
{
	width: 800px;
	text-align: center;
	padding: 2px 2px 2px 2px;
	border: 0px;
}

.FormTable
{
	text-align: center;
	border: 1px solid #d7d7d7;
	background-color: #ffffff;    
	border-collapse: collapse;
	width: 100%;
}

.FormTableHeader
{
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #666666;
	border-collapse: collapse;	
	padding: 5px;
	margin: 0 0 0 0;
}

.FormTableHeaderRight
{    
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #666666;
	border-collapse: collapse;	
	padding: 5px;
	margin: 0 0 0 0;    
}

.CampaignFormTableHeader
{
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    background-color: #9C0D38;
    border-collapse: collapse;
    padding: 5px;
    margin: 0 0 0 0;
}

.FormTableHeader a
{
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #666666;
	border-collapse: collapse;	
	padding: 5px;
	margin: 0 0 0 0;
}

.FormTable TD
{
	padding: 5px;
	border: none; /* solid 1px #d7d7d7; */
}

.FormRequiredStar
{
	color : Red;	
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	font-size: 8pt;
	white-space: normal;
	background-color: #e6e6e6;
	width: 20px;
}

.FormTextField
{
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	font-size: 8pt;
	white-space: normal;
	background-color: #e6e6e6;
}

.FormTextFieldTop
{
	text-align: left;	
	font-weight: normal;
	font-size: 8pt;
	font-weight: bold;
	white-space: normal;
	background-color: #e6e6e6;
	color: #000000;
}

.FormTextFieldRequired
{
	text-align: right;
	vertical-align: top;
	font-weight: 700;
	font-size: 8pt;
	white-space: normal;
	background-color: #e6e6e6;
}

.FormDataField
{
	text-align: left;
	vertical-align: top;
	font-weight: 500;
	font-size: 8pt;
	white-space: normal;	
}

.FormDataFieldTop
{
	text-align: left;
	vertical-align: top;
	font-weight: 500;
	font-size: 8pt;
	white-space: normal;
	background-color: #e6e6e6;
	font-weight: bold;
}

.FormButtons
{
	font-size: 8pt;
	padding: 3px 3px 3px 3px;
	text-align: center;
}

.FormFieldsRequired
{
	font-family: Verdana; 
	font-size: 12px; 
	text-align:right;
}

/*------------------------ ReorderList --------------------------------*/
.CallbackStyle ul
{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-position: inside;
	vertical-align:top;
	text-align:left;
}

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

.ReorderList ul
{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-position: inside;
	vertical-align:top;
	text-align:left;
}

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

/*------------------------ Nav Icons --------------------------------*/
.IconNav
{
	font-weight: 600;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	white-space: nowrap; 
	padding: 3px;
}

.BaseComponent
{
	margin: 0px;
	padding: 0px;
	width: 100%; 
	border: none; 
	border-collapse: collapse;
}

/*------------------------ Gridview --------------------------------*/

.GridViewStyle
{
	border: solid 1px #c0c0c0;
	border-collapse:collapse;
}

.GridRowStyle
{
    background-color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
}

.GridAltRowStyle
{
	background-color: #f3f3f3;
	font-family: Verdana;
	font-size: 11px;
}

.AlternatingRowStyle
{
    background-color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
}

.GridPagerStyle td
{	
	font-size: 11px;
	font-weight: 600;
}

.GridPagerStyle a, .GridPagerStyle a:active
{
	color: #000000;		
	font-size: 11px;	
}

.GridPagerStyle a:hover
{
	color: #999;		
}

/*------------------------ Other --------------------------------*/
.ContentTitle 
{
	font-family: Verdana;
	font-weight: bold;
	font-size: medium;
	padding-left: 10px;
}

.ErrorMessage
{
	color: #ff0000;
	font-family:Verdana;
	font-style:italic;
	font-weight: bold;
	font-size: 12px;
}

.StatusMessage
{
	color: Green;
	font-family:Verdana;
	font-style:italic;
	font-weight: bold;
	font-size: 12px;
}

.ValidationSummary
{
	color: #ff0000;
	font-family: Verdana;
	font-size: 11px;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
}

.FCKEditor
{
	border: solid 1px #000000;
}
/*-------------------------- Rating -------------------------------------*/
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../../Images/SavedStar.png);
}

/*-------------------------- modal window --------------------------------------*/
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.70;
	-moz-opacity:0.70; 
	/*background: rgba(80, 80, 80, 0.3);*/
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.LoadingImage
{
	position:absolute; 
	border: solid 1px #505050;
	z-index:70;
	background-color: #ffffff;
	filter: alpha(opacity=80);
	opacity:0.80; 
	-moz-opacity:0.80;
}

.WaitingDiv
{
	background-color:White;
	height:110px;
	width:170px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color:#505050;
	position:absolute;
	z-index:80;
	filter: alpha(opacity=80);
	opacity:0.80;
	-moz-opacity:0.80;
}

/*-------------------------- hover menu extender -------------------------------*/
.hoverMenuLayer
{
	background-color:White;
	filter: alpha(opacity=90);
	opacity:0.90;
	-moz-opacity:0.90;
	border: solid 1px #000000;
	border-top: solid 1px #c0c0c0;
	visibility:hidden;
	z-index: 60;
}

.hoverMenuLayerHidden
{
	display:none;
}

.hoverMenuLayer a, .hoverMenuLayer a:visited, .hoverMenuLayer a:active
{
	text-decoration: none;
	color: #373737;
	font-weight: bold;
}

.hoverMenuLayer a:hover
{
	text-decoration: underline;
	color: #373737;
	font-weight: bold;
}

.DynamicMenuStyle
{
    text-decoration: none;
	color: #373737;
	font-weight: bold;
	border: solid 1px #000000;
	border-top: solid 1px #c0c0c0;
}

.DynamicHoverStyle
{
    text-decoration: underline;
	color: #373737;
	font-weight: bold;
}

.DynamicMenuItemStyle
{
    
}


.ListFormTable
{
	background: #000000;
}

.productOrderDetail th
{
	background-color: #666666;
	color: #ffffff;
	white-space: nowrap;
}



.EmptyRowStyle
{	
}

.PagerRowStyle td
{
	padding: 5px;	
	background-color: #374F87;
	color: #ffffff;	
}
.PagerRowStyle a, .PagerRowStyle a:visited, .PagerRowStyle a:active
{
	color: #000000;	
	
	
}
.PagerRowStyle a:hover
{
	color: #999;	
	
}

.SelectedRowStyle
{	
}

.HeaderRowStyle th, .HeaderRowStyle td, td.HeaderRowStyle, th.HeaderRowStyle
{
	background-color: #666666;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;	
}

.HeaderRowStyle a, .HeaderRowStyle a:visited, .HeaderRowStyle a:active
{
	color: #ffffff;	
	font-size: 12px;
}

.HeaderRowStyle a:hover
{
	color: #000000;	
	font-size: 12px;
}

.RowStyle td
{
	padding: 5px;	
}

.RowStyle
{	
}

.EditRowStyle td
{
	padding: 5px;		
}

.AltRowStyle td
{
	padding: 5px;		
}

.AltRowStyle
{
}

.FooterRowStyle td
{
	padding: 5px;		
}

.FooterRowStyle a, .FooterRowStyle a:visited, .FooterRowStyle a:active
{
	color: #ffffff;	
	font-size: 12px;	
}

.FooterRowStyle a:hover
{
	color: #000000;	
	font-size: 12px;	
}

.woodBG
{
	background: url(../../Images/woodbg.jpg) no-repeat top center;
}

.featuredItem
{
	color: #ffffff;	
	padding-bottom: 18px;
	background: url(../../Images/shelf.jpg) repeat-x bottom center;
}

.homeContentSmall td
{
	vertical-align: top;
	padding: 5px;
	height: 100%;
}

.homeContentSmall td h1
{
	font-size: 18px;	
	font-weight: bold;	
	font-family: tahoma;
	margin-bottom: 5px;	
}

/*.defaultMainImage
{
	background: #ffffff url(../../Images/ctcplanetJune2011.jpg) no-repeat left top ;	
	height: 385px;
	padding-left: 20px;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 30px;
}*/

.tab
{
	background: transparent url(../../Images/tab.gif) repeat-x center center;
	width: 124px;
	height: 36px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #333333;	
	line-height: 11px;
	text-decoration:none;
}

.tabSelected
{
	background: transparent url(../../Images/tab_Selected.gif) repeat-x center bottom;
	width: 124px;
	height: 36px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 11px;
	text-decoration:none
}

.tabHover
{
	background: transparent url(../../Images/tab_hover.gif) repeat-x center center;
	width: 124px;
	height: 36px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	line-height: 11px;
}

.tab a, .tab a:active, .tab a:visited, .tabSelected a, .tabSelected a:active, .tabSelected a:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 11px;
	text-decoration: none;
}

.tabHover a, .tabHover a:active, .tabHover a:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	line-height: 11px;
	text-decoration: none;
}

/*------------------------ Menu --------------------------------*/

TABLE.StaticMenuItem
{
	
}

TABLE.StaticMenuItem TD
{
	padding: 5px;	
}

.MenuText a, .MenuText a:active, .MenuText a:visited
{
    font-family: Verdana;
    font-size: 9px;
    font-weight:700;
    color: #23669A;
    text-align: right;
    width: 150px;
    text-decoration:none;
}

.StaticMenuItem, A:Link.StaticMenuItem, A:Visited.StaticMenuItem, A:Hover.StaticMenuItem, A:Active.StaticMenuItem
{
	cursor: pointer;
	font-family: verdana;
	font-size: 9pt;
	font-weight: 700;
	color: #23669A;
	text-decoration: none;	
	text-align: right;
	width:150px;	
}

.StaticHover, A:Link.StaticHover, A:Visited.StaticHover, A:Hover.StaticHover, A:Active.StaticHover
{
	cursor: pointer;	
	font-family: verdana;
	font-size: 9pt;
	font-weight: 700;
	color: #23669A;
	text-decoration: underline;	
	text-align: right;
	width:150px;	
}

TABLE.DynamicMenuItem
{
	padding: 8px;
}

TABLE.DynamicMenuItem TD
{
	padding: 8px;	
}

.DynamicMenuItem, A:Link.DynamicMenuItem, A:Visited.DynamicMenuItem, A:Hover.DynamicMenuItem, A:Active.DynamicMenuItem
{
	cursor: pointer;
	background-color:#272A61;	
	font-size: 8pt;
	font-family: Verdana;
	color: #ffffff;
	text-decoration: none;	
	text-align:left;					
	white-space: nowrap;
	border-collapse: collapse;
}

.DynamicHover, A:Link.DynamicHover, A:Visited.DynamicHover, A:Hover.DynamicHover, A:Active.DynamicHover
{
	cursor: pointer;	
	font-size: 8pt;
	font-family: Verdana;
	color: #ffffff;
	text-decoration: none;		
	text-align:left;
	border-collapse: collapse;	
	background-color: #5D5F89;
}

.MenuItemToolTip
{
	background-color: #fffacd;
	border: solid 1px black; 
	font-family: Arial; 	
	font-size:8pt;
	text-align: left;
}

.MenuItemClicked
{
	cursor: pointer;
	background-color:#777CA2;
	font-size: 8pt;
	font-family: Verdana;
	color: #ffffff;		
	text-align:left;
	width:150px;
}

/* --------------------------------- SCHEDULER ------------------------------------- */

.scheduler
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

.schedulererror
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    color: #ff0000; 
}

.schedulertitle
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    color: #0066cc;
}

.schedulerborder
{
    border: solid 1px #cccccc;
    background-color: #eeeeee;
}

.schedulerborderright
{
    border-right: solid 1px #cccccc;
}

/* ------------------------ Search results floating winfow ---------------------------*/
.ProductContainer
{
	border-collapse: collapse; 
	width: 100%; 
	position:absolute; 
	border: solid 1px #505050;
	background-color: white; 
	padding: 0px; 
	margin: 0px;
	overflow: hidden; 
	text-align: center; 
	z-index:50;
}

.ProductTable
{
	border-collapse: collapse; 
	width: 100%; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	border: none;
}

.ProductTableHeader
{
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	background-color: #dfdfdf; 
	color: #000000; 
	padding: 2px;
	border-collapse: collapse;	
}

.ProductListHeader
{
	white-space: nowrap; 
	text-align: center; 
	border-bottom: solid 1px #000000;
}

.ProductPanel
{
	border-collapse: collapse;
    width: 100%;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	overflow-y:scroll; 
	overflow-x: hidden;
	text-align:left; 
}

.ProductResults
{
	border-collapse: collapse;
    width: 100%;
	border: none;
	padding: 0px;
	margin: 0px;
}

.ProductHeaderLink
{
	white-space:nowrap;
	text-align:right;
	font-weight: 700;
	color: #ffffff;
	font-weight:700; 
	padding: 2px; 
	cursor:pointer;
	text-decoration:underline;
}

.ProductFooterLink
{
	white-space:nowrap;
	font-weight: 700;
	color: #ffffff;
}

.ProductCategory
{
	background-color:#dfdfdf; 
	color:#000000; 
	text-align:left; 
	font-weight: 700;
	padding: 2px;
}

.ProductHeader
{
	white-space:nowrap;
	text-align:center;
	font-weight: 700;
}

.ProductName
{
	vertical-align:top;
	height: 100%;
	text-align:left;
	padding: 3px;
}

/* ------------------------ Vendor Info floating winfow ---------------------------*/
.VendorPanel
{
	position:absolute; 
	border: solid 1px #505050;
	background-color: #D8AC29; 
	padding: 0px; 
	overflow:hidden; 
	vertical-align:middle; 
	z-index:40;
	filter: alpha(opacity=90); 
	opacity:0.90;	
	-moz-opacity:0.90; 
}

.VendorInfo
{
	border-collapse: collapse; 
	text-align:center; 
	width:800px;
}

.VendorName a
{
	color: #000000;
	font-weight: 700; 
	font-size: 14pt; 
	white-space:nowrap;
	text-align:center; 
	width:100%;
}

.VendorName a:hover
{
	color: #CC0000;
	font-weight: 700;
	font-size: 14pt;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.VendorDescription
{
	text-align:center;
	font-size: 10pt;
}

.VendorCategory a
{
	font-size: 10pt; 
	color: #000000;
	font-weight: 500;
}

.VendorCategory a:hover
{
	font-size: 10pt; 
	color: #CC0000;
	font-weight: 500;
	text-align:center;
}

/* *************** Product List search ***************** */


/* *************** My Goals ***************** */
.Month
{
	text-align:center;
	font-size: 10pt;
	width: 30px
}

.Unlocked
{
	font-size: 10pt;
	width: 30px;
	color:Black;
	text-align:center
}

.Locked
{
	font-size: 10pt;
	width: 30px;
	color:Gray;
	text-align:center
}

.Calculated
{
	font-size: 10pt;
	width: 30px;
	color:Red;
	text-align:center
}

.TransType
{
	font-size: 10pt;
	width: 100px;
}

.NumberType
{
	font-size: 10pt;
	width: 50px;
	text-align:center
}

/*************** Order Info (floating) ********************/
.OrderInfoHeader
{
	font-weight: 700; 
	text-align:left; 
	white-space:nowrap;
	vertical-align: top;
}

.OrderInfoCaption
{
	color: #686667; 
	font-weight:700;
	text-align:left; 
	white-space: nowrap;
	vertical-align: top;
}

.OrderInfoData
{
	color: #686667; 
	font-weight:700;
	text-align:left; 
	white-space: normal;
	vertical-align: top;
}

.OrderInfoParty
{
	color: #D0353E;
	font-weight: 700;
	text-align: left;
	white-space: normal;
	vertical-align: top;
}

/*************** Contact Info (floating) ********************/
#ContactProperties div
{
    padding-bottom: 4px;
}

#ContactName
{
    color: #D0353E;
    font-size: 10pt;
    font-weight: bold;
}

#ContactCompany
{
    font-size: 10pt;
    font-weight: bold;
}

#ContactAddress1, #ContactAddress2, #ContactPhone1, #ContactPhone2, #ContactEmail, #ContactCampaigns
{
    font-size: 10pt;
    color: #555;
}

#ContactAddress1 a, #ContactAddress2 a, #ContactPhone1 a, #ContactPhone2 a, #ContactEmail a, #ContactCampaigns a
{
    color: #D0353E;
    text-decoration: none;
}

.ContactHeader1
{
    font-size: 10pt;
    font-weight: bold;
}

.ContactHeader2
{
    font-size: 10pt;
    font-weight: bold;
}

.ViewContactButton
{
    font-weight: bold;
    font-size: 10pt;
    background-color: #eee;
    border: solid 1px #000;
    padding: 6px;
    cursor: pointer;
}

.ContactOrderNumber
{
    font-weight: bold;
    color: #D0353E;
}

.ContactOrderDate
{
    color: #555;
}

.ContactSeeDetails
{
    font-weight: bold;
    color: #D0353E;
}

/************* Timeframe ****************/
.TimeframeContainer
{
	width: 100%;
	padding: 3px;
	margin: 3px;
}

.TimeframeContainer td
{
	border: 1px solid #999999;
	white-space: nowrap;
}

.TimeframeActive
{
	background-color: #A6A2A1;
	border: 1px solid #999999;
	white-space: nowrap;
}

.TimeframeActive a
{
	text-decoration: none;
	font-weight: 700;
	color: #ffffff;
}

.TimeframeActive td
{
	text-decoration: none;
	font-weight: 700;
	color: #ffffff;
}

.TimeframeInactive
{
	background-color: #EBEBE9;
	border: 1px solid #999999;
	white-space: nowrap;
}

.TimeframeInactive a
{
	text-decoration: none;
	font-weight: 700;
	color: #000000;
}

.TimeframeInactive td
{
	text-decoration: none;
	font-weight: 700;
	color: #000000;
}

/**************** Goal / Estimation *****************/
 /* Monthly Goal */
.GoalGreen
{
	color: #5FBB4E;
	font-size:11px;
	font-weight: 700;
	text-align:right;
}

/* Goals and Estimation controls */
.GoalCaption
{
	text-align:right; 
	color: #686667; 
	font-weight:700;
}

.GoalLink 
{
	color: #505050;
	font-weight:700;
}

.GoalEstimate
{
	color: #000000;
	font-weight: 700;
	border: solid 1px #999999;
	font-family: Verdana;
	font-size: 10px;
	background-color:#F0F0F0;
	text-align:left;
	border-collapse:collapse;
}

.GoalEstimatePast
{
	color: #999999;
	font-weight: 700;
	border: solid 1px #999999;
	background-color: #CAE2C8;
	font-family: Verdana;
	font-size: 10px;
	text-align:left;
}

.GoalActual
{
	color: #999999;
	font-weight: 700;
	border: none;
	font-family: Verdana;
	font-size: 10px;
	text-align:left;
}

.GoalTotal
{
	color: #D0353E;
	font-weight: 700;
	border: solid 1px #999999;
	font-family: Verdana;
	font-size: 10px;
	text-align:left;
}

.PerformanceNav
{
	border: 1px solid #999999; background-color:#A6A2A1; font-weight: 700;white-space:nowrap;
}

.PerformanceNav a
{
	font-weight: 700; white-space:nowrap; color: #ffffff;
}

.PerformanceCaption
{
	border: 1px solid #999999; background-color:#EBEBE9; font-weight: 700; white-space:nowrap;
}

/*********** SoftPro Orders ******************/
.Blue
{
	color: #1B64AA;
}

.Green
{
	color: #5FBB4E;
}

.GreenFooter
{
	color: #5FBB4E;
	background-color: #FFFFFF;
	font-weight: 700;
}

.Red
{
	color: #D0353E;
}

.Gray
{
	color: #999999;
}

/***************** Widgets ***********************/
.WidgetCaption
{
	background-color: #666769;
	color: #FFFFFF;
	font-weight: 700;
	width:100%; 
	border-collapse:collapse;
}

.WidgetCaption a
{
	color: #FFFFFF;
	font-weight: 700;
	border-collapse:collapse;
}

.WidgetHeader
{
	background-color: #E0DFDD;
	font-weight: 700;
}

.GridViewOrders
{
	border-collapse: collapse;
	border: solid 1px #E0DFDD;
}

.HeaderRowOrders
{
	background-color: #E0DFDD;
	border-collapse:collapse;
	border: solid 1px #E0DFDD;
	font-weight: 700;
}

.HeaderRowOrders a
{
	color: #000000;
}

.GridRowOrders
{
    background-color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
}

.GridAltRowOrders
{
	background-color: #F5EDD6;
	font-family: Verdana;
	font-size: 11px;
}

.GridPagerOrders
{
	font-size: 11px;
	font-weight: 600;
	background-color: #E0DFDD;
}

.GridPagerOrders a, .GridPagerOrders a:active, .GridPagerOrders a:
{
	color: #000000;		
	font-size: 11px;	
}

.GridPagerOrders a:hover
{
	color: #999;		
}

.DataListItem
{ 
	padding-right: 4px;
	padding-bottom: 4px;
}

/*********** Modal window **************/
.jqifade{
      position: absolute; 
      background-color: #aaaaaa; 
}

div.jqi{ 
      width: 400px; 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      position: absolute; 
      background-color: #ffffff;
      font-size: 11px; 
      text-align: left; 
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}

div.jqi .jqicontainer{ 
      font-weight: bold; 
}

div.jqi .jqiclose{ 
      position: absolute;
      top: 4px; right: -2px; 
      width: 18px; 
      cursor: default; 
      color: #bbbbbb; 
      font-weight: bold; 
}

div.jqi .jqimessage{ 
      padding: 10px; 
      line-height: 20px; 
      color: #444444; 
}

div.jqi .jqibuttons{ 
      text-align: right; 
      padding: 5px 0 5px 0; 
      border: solid 1px #eeeeee; 
      background-color: #f4f4f4;
}

div.jqi button{ 
      padding: 3px 10px;
      margin: 0 10px; 
      background-color: #2F6073; 
      border: solid 1px #f4f4f4; 
      color: #ffffff; 
      font-weight: bold; 
      font-size: 12px; 
}

div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }

.jqi .errorBlock{ background-color: #FFC6A5; border: solid 1px #ff0000; color: #ff0000; padding: 5px 10px; font-weight: bold; }
.jqi .field{ margin: 4px 0; text-align:center; }
.jqi .field label{ font-weight: bold; display: block; width: 80px; float: left; clear: left; }
.jqi .field input { border: solid 1px #777777; width: 100px; }


/***************** eDesk ***********************/
.SignUp
{
	font-weight: bold; 
    font-size: 12px; 
	border-collapse:collapse;
}

.EmailFont
{
	font-size: 12px;
}


/*----------- Calendar --------------------*/
.CalendarWidget
{
    
	background-color: #002744;
	border: solid 1px #000000;
	
}
.CalendarWidget td
{	
	border: solid 1px #000000;
	vertical-align: top;
	text-align:left;
}
.CalendarSelectedDayStyle
{
	border: solid 1px #000000;
	background-color: #4A5C8C;	    	    
}
.CalendarSelectorStyle
{
	border: solid 1px #000000;
}
.CalendarTodayDayStyle
.CalendarTodayDayStyle A:link,
.CalendarTodayDayStyle A:active,
.CalendarTodayDayStyle A:visited
{
	background-color: #002744;
	color: white;
}
.CalendarOtherMonthDayStyle
{
	background-color: #e1e1e3;
	border: solid 1px #000000;
}
.CalendarNextPrevStyle
{
	color: #ffffff;	
	font-size: 9px;
	font-weight: bold;	
}
.CalendarDayHeaderStyle
{
	background-color: #565557;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 2px 0px;
	border: solid 1px #000000;
}
.CalendarTitleStyle
{
	color: #ffffff;	
	font-size: 9px;
	font-weight: bold;	
	border: 0px;
}
.CalendarTitleStyle td
{
	
	border: 0px;
	font-size: 11px;
	font-weight: bold;	
	padding: 0px;
	text-align: center;
	
}
.CalendarDayStyle
{
	background-color: #ffffff;	
}

/*----------- Error --------------------*/ 
form label.error, 
    form input.submit { margin-left: 10px; }
    label.error {
	    /* remove the next line when you have trouble in IE6 with labels in list */
	    color: red;
	    font-style: italic; 	       
	    float: none; 
	    vertical-align: top;    
	    display:none;             	               
    }
input.error { border: 1px solid red; } 
     
/*----------- Misc --------------------*/      
.ui-icon  
{
    display: block; 
    text-indent: -99999px; 
    overflow: hidden; 
    background-repeat: no-repeat; 
}
.LoadingImage  
{
    position:absolute; 
    border: solid 2px #505050; 
    z-index:99; 
    background-color: #ffffff; 
    filter: alpha(opacity=80); 
    opacity:0.80; 
    -moz-opacity:0.80; 
}
.Floating 
{ 
    border: solid 2px #808080; 
    background-color: #ffffff; 
    overflow: hidden; 
    margin: 5px; padding: 5px; 
    text-align:left; 
    display:none; 
    position:absolute; 
    z-index: 90; 
    filter: alpha(opacity=90); 
    opacity:0.90; 
    -moz-opacity:0.90; 
}

.popupDiv
{
    border: solid 2px #808080;	
	display:none;
	position:absolute;
	overflowY:scroll;	
	padding: 20px;
	background-color: #ffffff;
	z-index: 91;
	filter: alpha(opacity=93);
	opacity:0.93;
	-moz-opacity:0.93;    
}

.toggle h3 
{
  cursor: pointer;
  margin: 0;
  padding: .25em;  
  vertical-align: baseline;
}
        
@media print
{
    .noprint
    {
        display: none;
    }
}

.lblFlyoutItem
{
    font-size: 11px;
}


/* === HTML5 CSS === */
/* === Remove input autofocus webkit === */
.form_table {
        text-align: center;
        margin: 0 auto 0 auto;
        width: 700px;
    }
*:focus {outline: none;}

/* === List Styles === */
.form_table ul {
    width:750px;
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.form_table li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 

.form_table .form_table li:last-child {
	border-bottom:1px solid #777;
}

/* === Form Header === */
.form_table h2 {
	margin:0;
	display: inline;
    font-weight: bold;
	font-size: 15pt;
}
.required_notification {
	color:#d45252; 
	margin:-2px 0 0 0; 
	display:inline-block;
	float:right;
}
/* === Form Elements === */
.form_table label {
	width:100px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:2px;
    text-align:left;
}
.form_table input[type=text] {
	height:20px; 
	width:220px; 
	padding:2px 5px;
}
.form_table textarea {
    padding:8px; 
    width:300px;
}

.form_table button {
    margin-left:1px;
}


/* form element visual styles */
.form_table input[type=text], .form_table textarea  { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.form_table input:focus[type=text], .form_table textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:70px;
}

.LockOff { 
        display: none; 
        visibility: hidden; 
    } 

    .LockOn { 
        display: block; 
        visibility: visible; 
        position: absolute; 
        z-index: 999; 
        top: 0px; 
        left: 0px; 
        width: 100%; 
        height: 100%; 
        background-color: #ccc; 
        text-align: center; 
        padding-top: 20%; 
        filter: alpha(opacity=75); 
        opacity: 0.75; 
    } 
    #LinkFAQs
    {
        text-decoration:none;
    }