﻿html, body, form
{
	height:100%;
	margin:0px;
}
.loadingDialog
{
    background-color: Red;
    font-size: 26px;
}
.loadingDialog .ui-dialog-titlebar
{
    visibility: hidden;
}
a, a:link, a:active, a:visited
{
	color: #f7890e;
}
a:hover
{
	color: #cf6d00;
}
.TreeviewSectionHeader
{
    font-weight: bold;
    font-size: 12px;
    color: Black;
    border-bottom: solid 1px gray;
}
.SiteMapItem
{
    
}
.SiteMapItem a, .SiteMapItem a:link, .SiteMapItem a:active, .SiteMapItem a:visited
{
    background-image: url(../images/icons/page_icon_level3.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    padding-left: 12px;
    display:block;
    color: #0E465F;
    text-decoration: none;
}
.SiteMapItem a:hover
{
    color: #f78c13;
    text-decoration: none;
}
textarea 
{
    font-family: Arial;
}
.warning
{
 font-weight: bold;
 color: Red;
 background: yellow;   
 padding: 3px;
 text-align: center;
}
.GraphTitle
{
	font-size: 12px;
	color: Gray;
	font-weight: bold;
	margin-bottom: 8px;
}
.NotificationHeader
{
	
	background-image: url(../images/icons/icon_warning.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #efefef;
	border: solid 1px gray;
	padding: 3px 3px 3px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Gray;
	font-weight: bold;
}
.NotificationBody
{
	background-color: #efefef;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Gray;
}
.NotificationBody a, .NotificationBody a:link, .NotificationBody a:visited, .NotificationBody a:active
{
	color: Gray;
	text-decoration: none;
}
.NotificationBody a:hover
{
	color: Gray;
	text-decoration: underline;
}
.NotificationItem
{
	background-image: url(../images/icons/icon_warning.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding: 3px 3px 3px 24px;
}
.NotificationItem p
{
	margin: 0px;
}
.NotificationItem a, .NotificationItem a:link, .NotificationItem a:visited, .NotificationItem a:active
{
	display: block;
	color: Gray;
	text-decoration: none;
}
.NotificationItem a:hover
{
	display: block;
	color: Gray;
	text-decoration: underline;
}
/* Popup Styles */
.PopupBackground
{
	background:#fff;
	opacity:0.50;
	filter:alpha(opacity=50); 
	z-index:1;
}
.PopupContainer
{
	z-index:2;
}
#PopupBackground { position:fixed; top:0px; left:0px; z-index:1; display:none; width:100%; height:100%; }
#PopupContainer { position:fixed; top:0px; left:0px; z-index:2; display:none; }
#PopupPanel { border:1px #8f8f8f solid; padding:15px; background:#fff; }
.PopupPanel { border:1px #8f8f8f solid; padding:15px; background:#fff; }
.PopupTitle
{
	background-color: gainsboro;
	border-bottom: solid 1px gray;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	color: Black;
}
/* TYPOGRAPHIC STYLES */
body, td
{
	font:11px Arial, Helvetica, sans-serif;
	color:#919191;
}
.heading 
{
	color:#f8981c;
	color:#919191;
	font-size:20px;
	font-weight:normal; 
}
a img 
{
	border:0;
}
.orange { color:#f8981c; }
.gray { color:#919191; }
.center { text-align:center; }
h1.HelpDocsTitle { font:16px Verdana; color:#000; margin:0px; }
div.HelpDocsListContainer { height:385px; overflow:auto; }
div.HelpDocsArticle { font:13px Verdana; margin-top:10px; margin-bottom:10px; }
ul.HelpDocsFigures { margin:0px; padding:0px; }
ul.HelpDocsFigures li { width:100px; list-style:none; float:left; margin-right:10px; margin-bottom:5px; font:10px Arial; }
ul.HelpDocsFigures a { display:block; width:100px; height:50px; border:1px #bbb solid; background:#fff;  }
ul.HelpDocsFigures img { max-width:100px; max-height:50px; border:0; }
ul.HelpDocsFigures span { color:#000; }

/* HEADER */
#header { position:relative; }
#header-bg-left  
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	background:url(../images/header_bg_left.jpg) repeat-x top left;
	width:100%;
	height:134px;
}
#header-bg-right 
{
	float:right;
	background:url(../images/header_bg_right.jpg) repeat-x top right;
	width:50%;
	height:134px;
}
#header .header-container
{
	position:relative;
	width:760px;
	height:134px;
	margin-left:auto;
	margin-right:auto;
}
#header .links-container
{
	position:absolute; top:107px; right:0px;
}
#header .links-container a { text-decoration:none; color:#919191; }
#header .links-container a:hover { text-decoration:underline; }
#header-menu
{
	height:18px;
	position:absolute;
	bottom:0px;
	left:275px;
}
#header-menu img
{
	border:0;
}


/* TITLED SECTION */
div#CenteredContainer
{
	width:760px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:30px;
}
a.ControlPanelLink
{
	text-decoration:none;
}
.ReturnToControlPanel
{
	color:#f8981c;
	height:24px;
	line-height:24px;
	text-decoration:none;
	display:block;
}
table#SectionTitle
{
	width:100%; 
	border:0;
}
td#BreadCrumbMenu
{
	vertical-align:top; 
	border-bottom:1px #cccccc solid; 
	width:100%;
	font-size:13px;
}
td#SectionImage
{
	vertical-align:middle;
}


/* CONTROL PANEL DEFAULT */
table#ModulesContainer
{
	width:100%;
}
table#ModulesContainer td
{
	vertical-align:top;
}
td#Modules
{
	width:100%;
	width:524px;
}

td#Modules table
{
	width:100%;
	position:relative;
	top:-20px;
}
td.Module
{
	background:url(../images/cp_divider.png) repeat-x top left;
	padding-top:22px;
	text-align:center;
	height:125px;
}
div.Module
{
	padding-top:5px;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
	font-size:10px;
}


/* TABLE & GRIDVIEW */
.Row
{
	height:21px; line-height:21px;
}
.AlternatingRow
{
	height:22px; line-height:22px; 
	background:url(../images/tabs/bg_alternate_row.gif) repeat-x top left;
}
.HeaderTab
{
	display:block;
	height:21px;
	line-height:21px;
	background-repeat: no-repeat;
	background-position: top left;
	color:#fff; 
	font-weight:bold;
	text-align:center;
}
.HeaderTab a
{
	color:#fff;
	text-decoration:none;
}
.HeaderTab a:hover
{
	text-decoration:underline;
}


/* TREEVIEW */
.TreeView
{
	position:absolute; 
	left: 5px; 
	top: 151px; 
	padding: 2px; 
	width: 230px; 
	
	font-family						: Arial, Helvetica, sans-serif;
	font-size						: 12px;
	color							: #0E465F;
}
.TreeviewItem
{
	font-family						: Arial, Helvetica, sans-serif;
	font-size						: 12px;
	color							: #0E465F;
	padding: 2px;
}
.TreeviewItem a
{
	font-family						: Arial, Helvetica, sans-serif;
	font-size						: 12px;
	color							: #0E465F;
	text-decoration: none;
}
.TreeviewItem a:hover
{
	font-family						: Arial, Helvetica, sans-serif;
	font-size						: 12px;
	color							: #0E465F;
	text-decoration: underline;
}
.TreeviewItem img
{
	padding-right: 2px;
}
.iFrameEditor
{
	position:absolute; 
	left: 245px; 
	top: 143px; 
	width: 500px; 
	height: 300px;  
	border: solid 1px gray;
}

/* File Browser */
.FileBrowserFileList
{
	font-family: Arial;
	font-size: 11px;
	color:gray;
}
.FileBrowserFileList a
{
	font-family: Arial;
	font-size: 11px;
	color:gray;
	text-decoration: none;
}
.FileBrowserFileList a:hover
{
	font-family: Arial;
	font-size: 11px;
	color:gray;
	text-decoration: underline;
}
.PreviewSectionTitle
{
	width: 469px; background-color: #e5721c; color:White; margin: 2px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: White;
	padding: 2px 2px 2px 4px;
	border-top: solid 1px gray;
	border-right: solid 1px gray;
	border-left: solid 1px gray;
}
.DocumentManagerTitle
{
	background-color: #e5721c; color:White;
	font-size: 11px;
	font-weight: bold;
	color: White;
	padding: 2px 2px 2px 4px;
	border: solid 1px gray;
}
.CMSTableHeader
{
	background-color: #e5721c;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color:White;
}
.CMSTableCell
{
	
	font-family: Arial;
	font-size: 10px;
	color:black;
}

/* Sitemap Editor */
        .treeNode
        {
        	padding: 2px;
        	font-family: Arial;
        	font-size: 11px;
        	color: black;
        	background-color: white;
        	width: 200px;
        	height: 16px;
        	cursor: hand;
        }
        .treeNode img
        {
        	margin-right: 3px;
        }
        
        .treeNodeSelectedForDrag
        {
        	padding: 2px;
        	font-family: Arial;
        	font-size: 11px;
        	color: black;
        	background-color: white;
        	width: 200px;
        	height: 16px;
        	cursor: hand;
        	
        	filter: alpha(opacity=20);
            opacity: .20;
        }
        .treeNodeSelectedForDrag img
        {
        	margin-right: 3px;
        }
        
        .treeHoverNode
        {
        	padding: 2px;
        	font-family: Arial;
        	font-size: 11px;
        	background-color: blue;
        	color: White;
        	width: 200px;
        	height: 16px;
        }
        .treeHoverNode img
        {
        	margin-right: 3px;
        }
        
        .dragNode
        {
        	font-family: Arial;
        	font-size: 11px;
        	background-color: yellow;
        	color: Black;
        	width: 200px;
        	height: 16px;
        	filter: alpha(opacity=30);
            opacity: .30;
            cursor: move;
        }
        .dragNode img
        {
        	margin-right: 3px;
        }
        
        .expandToggle
        {
        	font-family: Arial;
        	font-size: 11px;
        	background-color: white;
        	width: 9px;
        	padding-right: 2px;
        	padding-left: 2px;
        }
        .expandTogglePlaceHolder
        {
        	font-family: Arial;
        	font-size: 11px;
        	background-color: white;
        	width: 13px;
        	height: 6px;
        }
        
        .treeNodeMove
        {
        	font-family: Arial;
        	font-size: 11px;
        	background-color: white;
        	width: 200px;
        	height: 6px;
        	border-topxxx: dashed 1px gainsboro;
        }
        .treeNodeMove img
        {
        	margin-right: 3px;
        }
        
        .treeHoverNodeMove
        {
        	padding: 2px;
        	font-family: Arial;
        	font-size: 11px;
        	background-color: blue;
        	color: White;
        	width: 200px;
        	height: 16px;
        }
        .treeHoverNodeMove img
        {
        	margin-right: 3px;
        }


/* Form Builder */

		.FieldLabel
        {
        	width: 150px;
        }
        .EmptyList
        {
        	padding: 50px 0px 50px 0px;
        	width: 100%;
        	border: solid 1px gray;
        	background-color: gainsboro;
        	text-align: center;
        }
        
/* CMS Page Properties Tab */
.PagePropertiesLabel
{
	width: 200px;
	padding: 3px;
}
.PagePropertiesField
{
	/*width: 200px;*/
	padding: 3px;
}

/* Content Editor */
.Input-Row
{
	width:700px;
	height:24px;
	line-height:24px;
	clear:left;
	text-align:right;
}

/* Dynamic Forms */

.FormDataRow_Header
{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	border-bottom: solid 1px black;
	padding: 3px 25px 3px 3px;
}
.FormDataRow_New
{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 25px 3px 3px;
	color: Green;
	border-bottom: solid 1px #cccccc;
}
.FormDataRow
{
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	padding: 3px 25px 3px 3px;
	border-bottom: solid 1px #cccccc;
}


.DynForm_Paragraph
{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: black;
	padding: 3px;
}

.DynForm_FieldLabelVertical
{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: black;
	padding: 3px;
}

.DynForm_FieldLabelHorizontal
{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: black;
	padding: 3px 15px 3px 3px;
}

.DynForm_FieldControlVertical
{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
}

.DynForm_FieldControlHorizontal
{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
}

/* blog styles */

.CategoryRow
{
	padding: 3px;
	border-bottom: solid 1px gainsboro;
}
.ModalPopupContainer
{
	background-color: White;
	border: solid 2px gray;
	padding: 15px;
}
.ColumnHeaderButton
{
	border-bottom: solid 2px #cccccc;
}
.ColumnHeader
{
	padding-right: 50px;
	border-bottom: solid 2px #cccccc;
	font-weight: bold;
}
.ColumnHeaderRight
{
	padding-left: 50px;
	border-bottom: solid 2px #cccccc;
	font-weight: bold;
	text-align: right;
}
.RowCell
{
    
}
.RowCellBorder
{
    border-bottom: solid 1px #cccccc;
}
.AlternatingRowCell
{
    background-color: #eeeeee;
    border-bottom: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
}
.ColumnHeadernNoPadding
{
	border-bottom: solid 2px #cccccc;
	font-weight: bold;
}

.RowCell_Pending
{
	border-bottom: solid 1px #cccccc;
	background-color: #fff5bf;
}
.RowCell_PublishedPending
{
	border-bottom: solid 1px #cccccc;
	background-color: #fff5bf;
}
.RowCell_Draft
{
	border-bottom: solid 1px #cccccc;
	background-color: white;
	color: Gray;
}
.RowCell_Published
{
	border-bottom: solid 1px #cccccc;
	background-color: white;
	color: black;
}
.RowCell_Rejected
{
	border-bottom: solid 1px #cccccc;
	background-color: white;
	font-style: italic;
}
.ErrorPanel
{
	border: solid 1px #a90000;
	background-color: #f4f4ad;
	color: #a90000;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
}
.RootCommentBlock
{
	margin-bottom: 14px;
}
.RootLevelComment
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border-top: solid 1px gainsboro;
	background-color: white;
}
.RootLevelComment_hover
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border-top: solid 1px gainsboro;
	background-color: #ffffb5;
}
.SubLevelComment
{
	padding: 5px;
	background-color: white;
}
.SubLevelComment_hover
{
	padding: 5px;
	background-color: #ffffb5;
}
.CommentBlock
{
	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 28px;
	padding-left: 8px;
	border-left: solid 1px gainsboro;
}

.CommentUserTitle
{
	font-weight: bold;
	padding-bottom: 4px;
}
.CommentDate
{
	color: #777777;
}
.CommentDate a
{
	color: #777777;
	text-decoration: none;
}
.CommentDate a:hover
{
	color: #777777;
	text-decoration: underline;
}
.CommentApprove
{
	color: #006505;
	font-weight: bold;
}
.CommentApprove a
{
	color: #006505;
	font-weight: bold;
	text-decoration: none;
}
.CommentApprove a:hover
{
	color: #006505;
	font-weight: bold;
	text-decoration: underline;
}
.CommentEdit
{
	color: #1d186b;
}
.CommentEdit a
{
	color: #1d186b;
	text-decoration: none;
}
.CommentEdit a:hover
{
	color: #1d186b;
	text-decoration: underline;
}
.CommentUnapprove
{
	color: #d98500;
}
.CommentUnapprove a
{
	color: #d98500;
	text-decoration: none;
}
.CommentUnapprove a:hover
{
	color: #d98500;
	text-decoration: underline;
}
.CommentDelete
{
	color: #c80b0b;
}
.CommentDelete a
{
	color: #c80b0b;
	text-decoration: none;
}
.CommentDelete a:hover
{
	color: #c80b0b;
	text-decoration: underline;
}
.CommentNotes
{
	padding-bottom: 4px;
}
.CommentTextArea
{
	font-family: Arial;
	font-size: 11px;
}

/* Shopping Cart */

.SC_CategoryContainer
{
	
	padding: 4px 24px 4px 4px;
	color: black;
	background-color: Transparent;
	border-bottom: solid 1px #e3e3e3;

}
    
.SC_CategoryContainer_Hover
{
	padding: 4px 24px 4px 4px;
	color: black;
	background-color: Transparent;
	border-bottom: solid 1px #e3e3e3;
	
}
.SC_CategoryName
{
	padding-left: 4px;
}
.SC_CategoryName a, .SC_CategoryName a:visited
{
	color: black;
	text-decoration:none;
}
.SC_CategoryName_selected
{
	padding-left: 4px;
	font-weight: bold;
}
.SC_CategoryName_selected a, .SC_CategoryName_selected a:visited
{
	color: black;
	text-decoration:none;
	font-weight: bold;
}
.SC_CategoryName a:hover
{
	color: black;
	text-decoration:underline;
}

.SC_CategoryName_menu_off
{
	padding-left: 4px;
	font-size: 10px;
	color: #d4d4d4;
}
.SC_CategoryName_menu_off a, .SC_CategoryName_menu_off a:visited
{
	color: #e16918;
	text-decoration:none;
	color: #d4d4d4;
}
.SC_CategoryName_menu_off a:hover 
{
	color: #e16918;
	text-decoration:underline;
	color: #d4d4d4;
}



.SC_CategoryName_menu
{
	padding-left: 4px;
	font-size: 10px;
}
.SC_CategoryName_menu a, .SC_CategoryName_menu a:visited
{
	color: #e16918;
	text-decoration:none;
}
.SC_CategoryName_menu a:hover 
{
	color: #e16918;
	text-decoration:underline;
}

.SC_ProductContainer
{
	width: 400px;
	padding: 4px 4px 4px 4px;
	color: black;
	background-color: Transparent;
	border-bottom: solid 1px #e3e3e3;
}
.SC_ProductContainer_Hover
{
	width: 400px;
	padding: 4px 4px 4px 4px;
	color: black;
	background-color: Transparent;
	border-bottom: solid 1px #e3e3e3;
}

.SC_ProductName
{
	padding-left: 4px;
}
.SC_ProductName a, .SC_ProductName a:visited
{
	color: black;
	text-decoration:none;
}
.SC_ProductName a:hover
{
	color: black;
	text-decoration:underline;
}


.SC_Product_Menu_off
{
	padding-left: 4px;
	font-size: 10px;
	color: #d4d4d4;
}
.SC_Product_Menu_off a, .SC_Product_Menu_off a:visited
{
	color: #d4d4d4;
	text-decoration:none;
}
.SC_Product_Menu_off a:hover 
{
	color: #d4d4d4;
	text-decoration:underline;
}



.SC_Product_Menu
{
	padding-left: 4px;
	font-size: 10px;
}
.SC_Product_Menu a, .SC_Product_Menu a:visited
{
	color: #e16918;
	text-decoration:none;
}
.SC_Product_Menu a:hover 
{
	color: #e16918;
	text-decoration:underline;
}
.SC_CategoryTreeviewTitleContainer
{
	border-bottom: solid 4px #f8981c;
}
.SC_CategoryTreeviewTitle
{
	background-color: #f8981c;
	color: White;
	font-weight: bold;
	font-size: 11px;
}
.SC_CategoryTreeviewTitleText
{
	color: Gray;
	font-weight: bold;
	font-size: 12px;
}
.SC_CategoryProductSepCol
{
	border-bottom: solid 4px #f8981c;
}
.SC_CategoryProductListTitleContainer
{
	border-bottom: solid 4px #f8981c;
	font-weight: bold;
	font-size: 12px;
}
.SC_CategoryProductListTitle
{
	background-color: #f8981c;
	color: White;
	font-weight: bold;
	font-size: 11px;
}
.SC_CategoryProductListTitleText
{
	color: Gray;
	font-weight: bold;
	font-size: 12px;
}
.SC_AddButtonCells
{
	padding-top: 2px;
	padding-bottom: 16px;
	text-align: center;
}
.NoRecords
{
	padding: 50px 0px 50px 0px;
	text-align: center;
	width: 400px;
	font-style: italic;
}
.NoRecordsBordered
{
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
	padding: 50px 0px 50px 0px;
	text-align: center;
	width: 400px;
	font-style: italic;
}
.NoImages
{
	padding: 50px 0px 50px 0px;
	text-align: center;
	width: 400px;
	font-style: italic;
	border-bottom: solid 1px gray;
	border-top: solid 1px gray;
}
.SC_DeleteSection
{
	text-align: center;
	font-weight: bold;
}
.SC_Tab
{
	font-weight: bold;
}
.SC_Order_SectionHeader
{
	font-weight: bold;
	font-size: 14px;
	border-bottom: solid 2px gainsboro;
	margin-bottom: 16px;
}
.SC_Order_FieldLabel
{
	font-weight: bold;
	border-bottom: solid 1px gainsboro;
	width:150px;
}
.SC_Order_FieldValue
{
	border-bottom: solid 1px gainsboro;
}
.SC_Order_ColumnHeader
{
	font-weight: bold;
	border-bottom: solid 1px gainsboro;
}
.SC_Order_Total
{
	font-weight: bold;
	font-size: 12px;
	border-top: solid 1px gainsboro;
}
.WarningBlock
{
	font-weight: bold;
	color: #800000;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFF99;
	border: 1px dashed #800000;
	padding: 20px;
	text-align: center;
}