/* SYSTEM CSS */

    .divHeaderContent 
    {
        font-family:"Myriad Pro",Verdana,Helvetica,Sans-Serif;
        font-size:2.2em;
        border-bottom:1px solid #898989;
        padding-bottom:5px;
        margin-bottom:8px;
        margin-bottom:0.6em;
    }

    .PNGFix {
        behavior:url(/lib/css/iepngfix.htc);
    }

    .divClear 
    {
        clear:left;
    }

    .FormButton,
    input[type=submit].FormButton {
        cursor:pointer;
        border:outset 1px #cccccc;
        background:#898989;
        color:#000000;
        padding: 1px 2px;
        background:#ffffff url(/lib/templates/images/formbg.gif) repeat-x left top;
        font-size:8pt;
        padding:2px;
    }

    .FormButton.warning{
        background-image:url(/lib/templates/images/formbg_warning.gif);
    }

    .FormButton2{
        cursor:pointer;
        border:outset 1px #cccccc;
        background:#898989;
        color:#006600;
        padding: 1px 2px;
        background:url(/lib/templates/images/formbg2.gif) repeat-x left top;
        font-size:8pt;
    }

    .FormButton3{
        cursor:pointer;
        border:outset 1px #cccccc;
        background:#898989;
        color:#000000;
        padding: 1px 2px;
        background:url(/lib/templates/images/formbg3.jpg) repeat-x left top;
        background-position:center center;
        font-size:8pt;
    }
    
    a.linkButton {
	    color:#000000;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 5px 3px 5px;
	    margin:0px 2px 0px 2px;
	    border:1px solid #777777;
	    background-color:#C5C5C5;
	    background-image:url(/lib/templates/images/button_bkg.gif);
	    background-repeat:repeat-x;
	    background-position:top middle;
	    font-size:0.8em;
	    text-align:center;
    }

    a:hover.linkButton {
	    color:#ffffff;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 5px 3px 5px;
	    margin:0px 2px 0px 2px;
	    border:1px solid #777777;
	    background-color:#000000;
	    background-image:url(/lib/templates/images/button_bkg_over.gif);
	    background-repeat:repeat-x;
	    background-position:top middle;
	    font-size:0.8em;
    }

    a.linkButtonUniform {
	    color:#000000;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 5px 3px 5px;
	    margin:0px 2px 0px 2px;
	    border:1px solid #777777;
	    background-color:#C5C5C5;
	    background-image:url(/lib/templates/images/button_bkg.gif);
	    background-repeat:repeat-x;
	    background-position:top middle;
	    font-size:0.8em;
	    width:40px; 
	    display:block;
	    text-align:center;
    }

    a:hover.linkButtonUniform {
	    color:#ffffff;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 5px 3px 5px;
	    margin:0px 2px 0px 2px;
	    border:1px solid #777777;
	    background-color:#000000;
	    background-image:url(/lib/templates/images/button_bkg_over.gif);
	    background-repeat:repeat-x;
	    background-position:top middle;
	    font-size:0.8em;
    }
    
    a.linkButtonGreen 
    {
        background:url(/lib/templates/images/formbg2.gif) repeat-x left top;
    }
        
/* CLIENT BAR */

    #divTopBar 
    {
        min-height:10px;
        background-color:#ec8701;
        height:30px;
    }

    #divClientBar 
    {
        width:890px;
        text-align:right;
        color:#503005;
        font-size:0.8em;
        margin-left:auto; 
        margin-right:auto; 
        padding:5px;
    }
    
    .divSignInCaption 
    {
        font-weight:bold;
        float:left;
        padding-top:3px;
        margin-right:5px;
        display:inline;
        color:#ffffff;
    }
    
    .divSignInField 
    {
        font-size:0.8em;
        border:1px solid #000000;
        float:left;
        margin-right:5px;
        display:inline;
    }
    
    .divSignInField input 
    {
        float:left;
        font-size:1.5em;
        padding:1px;
        border:1px solid #000000;
        background-color:#ffffff;
    }
    
    .divSignInButton input 
    {
        display:inline;
    }
    
/* CMS CONTROL PANEL */

    A.linkTopMenuItem, A.linkTopMenuItem:active, A.linkTopMenuItem:link, A.linkTopMenuItem:visited
    {
        display:inline-block;
        text-decoration:none;
        padding:5px;
        font-weight:bold;
        font-size:7pt;
        margin-bottom:1px;
        margin-left:1px;
        background-color:#898989;
        color:#ffffff;
        padding-left:25px;
        padding-right:25px;
        text-align:center;
        white-space: nowrap;
        font-family:Arial,Verdana,Helvetica,Sans-Serif;
    }
    
    A.linkTopMenuItem:hover 
    {
        background-color:#ec8701;
    }
    
    .linkTopMenuItemDead 
    {
        display:block;
        text-decoration:none;
        padding:5px;
        font-weight:bold;
        float:left;
        font-size:0.7em;
        margin-bottom:1px;
        margin-left:1px;
        background-color:#898989;
        color:#ffffff;
        padding-left:25px;
        padding-right:25px;
        text-align:center;
        overflow:hidden;
    }
    
    .divChart 
    {
        background-color:#ec8701;
    }

/* LEGACY */

    .cellhead 
    {
        color:#ffffff;
        font-weight:bold;
    }
    
/* CLIENT PORTAL */

    .gridHeader 
    {
        background-color:#000000;
        color:#ffffff;
        font-weight:bold;
        font-size:0.8em;
        padding:5px;
    }
    
    .gridHeader2 
    {
        background-color:#5a5a5a;
        color:#ffffff;
        font-weight:bold;
        font-size:0.8em;
        padding:5px;
    }
    
    .gridCell1 
    {
        background-color:#f0f0f0;
        font-size:9pt;
    }
    
    .gridCell2 
    {
        background-color:#f5f5f5;
        font-size:9pt;
    }    
    
    .gridCell3 
    {
        background-color:#f5f5f5;
        font-size:9pt;
    }    
    
    .gridCell4 
    {
        background-color:#ffffff;
        font-size:9pt;
    }    
    
    .tableBorderOuter 
    {
        background-color:#000000;
    }

    .tableBorderInner 
    {
        background-color:#ffffff;
    }
    
    .emphasis 
    {
        color:#6d2008; 
        font-weight:bold;
    }
    
    .introHeader 
    {
        font-weight:bold;
        font-size:1.3em;
        border-bottom:1px solid;
    }
    
/* DASHBOARD */

    #dashboardTop {
        margin-bottom:1em;
    }
    #dashboardName {
        font-size:1.4em;
        font-weight:bold;
    }
    #dashboardCaption {
        font-size:0.8em;
        margin-bottom:1em;
        padding-bottom:1em;
        border-bottom:1px solid #898989;
    }
    #dashboardSelect {
        float:right;
    }
    .dashboardSelectDropdown {
        font-size:1.2em;
        background-color:#ffffff;
    }
    #dashboardMain {
    }
    #dashboardAlert {
        height:150px;
        margin-bottom:1em;
        color:#ffffff;
        font-size:2em;
        border:1px solid #6d2008;
        background-color:#ffcccc;
        display:none;
    }
    #dashboardAlertTitle {
        font-size:0.5em;
        font-weight:bold;
        background-color:#6d2008;
        padding:5px 8px;
    }
    #dashboardBanner {
        height:165px;
        background-color:#000000;
        margin-bottom:1em;
        color:#f0f0f0;
        font-size:2em;
    }
    #dashboardLeft {
        width:625px;
        float:left;
    }
    #dashboardRight {
        float:left;
        width:195px;
        padding:0px 15px;
        font-size:0.8em;
        overflow:hidden;
    }
    .dashboardRightItem {
        border-bottom:1px solid #898989;
        margin-bottom:1em;
        padding-bottom:1em;
    }
    .dashboardRightItemTitle {
        font-size:1.0em;
        font-weight:bold;
    }
    .dashboardRightItemDate {
        font-size:0.8em;
        font-weight:bold;
    }
    .dashboardIconSpace {
        text-align:center;
        font-size:0.8em;
        font-weight:bold;
        float:left;
        width:80px;
        height:100px;
        padding:5px;
        margin:5px;
    }
    .dashboardFieldset {
        border:1px solid #898989;
    }
    .dashboardFieldset legend {
        color:#898989;
        padding:3px 8px;
        border:1px solid #898989;
    }
    .dashboardPostDate {
        float:left;
        width:35px;
        border:1px solid #000000;
        margin-right:5px;
        margin-bottom:1px;
        text-align:center;
    }
    .dashboardPostDateMonth {
        background-color:#6d2008;
        color:#ffffff;
        padding:1px;
        font-size:0.75em;
    }
    .dashboardPostDateDay {
        font-size:1.7em;
        font-weight:bold;
        padding:2px;
        color:#000000;
        background-color:#ffffff;
    }
    #dashboardSpecials {
        margin-bottom:1em;
    }
    .dashboardSalesFieldset {
        padding:15px;
    }
    .dashboardSalesFieldset legend {
        color:#6d2008;
        padding:3px 8px;
        border:1px solid #898989;
        font-size:1.2em;
    }
    .dashboardSalesCopy {
        padding-top:15px;
    }
    
    .dashboardSalesItem 
    {
        padding-bottom:5px;
    }

/* DASHBOARD APPS */

    #dashboardAppBody 
    {
        background-color:#000000;
        height:100%;
    }
    
    .grayoutText {
        color:#898989;
    }
    
    .accentText 
    {
        color:#ec8701;
    }
    
    .accentBlock 
    {
        background-color:#ec8701;
        color:#ffffff;
    }
    
    #dashboardAppLoader 
    {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        background-color:#ffffff;
        opacity:0.50;
        filter:alpha(opacity=50);
        -moz-opacity:0.50;
        display:none;
        z-index:999;
    }
    
    #dashboardAppHeader 
    {
        background-color:#333333;
        color:#ffffff;
        border-bottom:9px solid #ec8701;
        padding:15px 15px 15px 60px;
        background-position:15px 50%;
        background-repeat:no-repeat;
    }
    
    #dashboardAppHeader.dashboardAppEditioned #dashboardAppPageHelpBar
    {
        margin-top:5px;
    }
    
    #dashboardAppHeader.dashboardAppEditioned
    {
        padding:9px 15px 9px 60px;
    }
    
    #dashboardAppTitle 
    {
        font-size:1.7em;
        color:#ffffff;
        font-family:Trebuchet,Sans-Serif,Verdana;
        font-weight:bold;
    }
    
    #dashboardAppEdition 
    {
        font-size:12px;
        padding:0px 0px 0px 10px;
    }
    
    #dashboardAppAccounts
    {
        text-align:right;
        float:right;
        width:50%; /* Required by Safari / Chrome */
    }
    
    .dashboardAppEditioned #dashboardAppAccounts
    {
        padding-top:9px;
    }
    
    #dashboardAppAccounts select 
    {
        font-size:1.2em;
        background-color:#ffffff;
    }
    
    #dashboardAppMain 
    {
        padding:15px;
    }
    
    #dashboardAppContent 
    {
    }
    
    #dashboardAppSuccess 
    {
        display:none;
    }
    
    .dashboardAppSuccessSuccess 
    {
        border:1px solid #008800;
        background-color:#ccffcc;
        padding:15px;
        margin-bottom:1em;
        font-weight:bold;
        color:#008800;
    }

    .dashboardAppSuccessFailure
    {
        border:1px solid #880000;
        background-color:#ffcccc;
        padding:15px;
        margin-bottom:1em;
        font-weight:bold;
        color:#880000;
    }

    #dashboardAppPageHelpBar 
    {
        display:none;
        float:right;
        margin-top:-3px;
        margin-left:5px;
    }
    
    #dashboardAppPageHelpContent 
    {
        display:none;
        right:15px;
        position:absolute;
        margin-bottom:1em;
        border:5px solid #333333;
        padding:15px; 
        background-color:#ffffff;
        float:right;
        width:50%;
        height:50%;
        overflow:auto;
        font-size:0.8em;
        z-index:999;
        /*opacity:0.90;
        filter:alpha(opacity=90);
        -moz-opacity:0.90;*/
    }
    
    .dashboardHelpContentTitle 
    {
        margin-bottom:1em;
        font-weight:bold;
        font-size:1.4em;
    }
    
    .dashboardHelpContentBody 
    {
    }

    .dashboardAppFormHeader 
    {
        background-color:#333333;
        color:#ffffff;
        font-weight:bold;
        padding:5px 8px;
    }
    
    .dashboardAppFormSearch
    {
        background-color:#f0f0f0;
        font-weight:bold;
        padding:5px 5px;
        font-size:0.8em;
    }

    .dashboardAppFormSearch input[type="text"] 
    {
        font-size:0.8em;
        background-color:#ffffff;
        border:1px solid #333333;
    }

    .dashboardAppFormInsideHeader 
    {
        background-color:#5a5a5a;
        color:#ffffff;
        font-weight:bold;
        padding:5px 5px;
        font-size:0.8em;
    }

    .dashboardAppForm
    {
        border-bottom:5px solid #333333;
        border-left:5px solid #333333;
        border-right:5px solid #333333;
        padding:15px;
        background-color:#ffffff;
    }

    .dashboardAppFormLine 
    {
        margin-bottom:5px;
    }

    .dashboardAppFormCaption 
    {
        float:left;
        font-weight:bold;
        font-size:0.8em; 
        width:150px;
        padding-top:3px;
    }
        
    .dashboardAppFormField 
    {
        float:left; 
    }

    /*.dashboardFormView input, .dashboardFormView select, .dashboardFormView textarea,*/
    .dashboardAppFormField input, .dashboardAppFormField select, .dashboardAppFormField textarea
    {
        background-color:#f0f0f0; /* was: #feffcc; */
        border:1px solid #333333;
    }
    
    /*.dashboardFormView input[type="hidden"]
    {
        border:none;
    }*/
    
    .dashboardAppColorLine1 
    {
        background-color:#f0f0f0;
        color:#000000;
    }
    
    .dashboardAppColorLine2 
    {
        background-color:#f5f5f5;
        color:#000000;
    }
    
    .dashboardAppBorderedSubsection 
    {
        border:1px solid #333333;
    }
    
    .dashboardAppSubsection /* (same as color line 1) */
    {
        background-color:#f0f0f0;
        color:#000000;
    }
    
    /* TAB VIEW STYLES */

    .dashboardTabView 
    {
        margin:10px 0px;
        background-color:#f5f5f5;
        border:1px solid #000000;
        width:100%;
    }

    .dashboardTabView .dashboardTabRow 
    {
        background-color:#f0f0f0;
        height:20px;
        overflow:hidden;
    }

    .dashboardTabView .dashboardTabRow a,
    .dashboardTabView .dashboardTabRow a:link,
    .dashboardTabView .dashboardTabRow a:hover,
    .dashboardTabView .dashboardTabRow a:visited,
    .dashboardTabView .dashboardTabRow a:active
    {
        padding:4px 8px;
        background-color:#000000;
        color:white;
        font-size:10px;
        font-weight:bold;
        border-right:1px solid #f5f5f5;
        line-height:20px;
        text-decoration:none;
    }

    .dashboardTabView .dashboardTabRow a.active,
    .dashboardTabView .dashboardTabRow a.active:link,
    .dashboardTabView .dashboardTabRow a.active:hover,
    .dashboardTabView .dashboardTabRow a.active:visited,
    .dashboardTabView .dashboardTabRow a.active:active
    {
        background-color:#ec8701;
        border-right:1px solid #ffffff;
        color:#f0f0f0;
    }

    form.dashboardTabView label,
    form.dashboardFormView label 
    {
        font-size:9px;
        font-weight:bold;
        margin-right:10px;    
    }

    form.dashboardTabView .formrow,
    form.dashboardFormView .formrow
    {
        margin-bottom:10px;    
    }

    form.dashboardTabView .formrow.fieldrow label,
    form.dashboardFormView .formrow.fieldrow label
    {
        display:block;
        margin-bottom:3px;
    }

    form.dashboardTabView .formrow.fieldrow input,
    form.dashboardFormView .formrow.fieldrow input
    {
        display:block;
        width:99%;
    }

    form.dashboardTabView .formrow.fieldrow textarea,
    form.dashboardFormView .formrow.fieldrow textarea
    {
        display:block;
        width:99%;
        height:150px;
    }

    .dashboardTabView .dashboardTabContent 
    {
        display:none;
        padding:16px
    }

    .dashboardTabView .dashboardTabContent.active 
    {
        display:block;
    }

    /* END TAB VIEW STYLES */
    
    /* TOOLBAR TAB VIEW STYLES : dashboardAppTabbedControlSet */
    /* Specifies a set of controls grouped in subsections with tabs to switch between displayed subscections */
    /* Inherits styles from general dashboardTabView styles */
    .dashboardAppTabbedControlSet
    {
        margin:0px; padding:0px;
    }
    
    .dashboardAppTabbedControlSet .dashboardTabView 
    {
        margin:0px; padding:0px;
        background-color:#000000;
        border:none;
        color:#ffffff;
    }

    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow 
    {
        background:#000000 url('/controlpanel/apps/_common/images/overlay_gradient_top_bottom_50.png') top left repeat-x;
        height:49px;
        border-top:1px solid #f0f0f0;
        border-bottom:1px solid #f0f0f0;
        overflow:visible;
    }

    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a:link,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a:hover,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a:visited,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.active
    {
        padding:2px 0px 0px 0px;
        height:48px;
        width:58px;
        font-size:11px;
        font-weight:bold;
        border-right:none;
        line-height:normal;
        display:block;
        float:left;
        text-decoration:none;
        background-color:transparent;
        color:white;
        text-align:center;
    }

    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.active,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.active:link,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.active:hover,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.active:visited,
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.active:active
    {
        background:#000000 url('/controlpanel/apps/_common/images/overlay_gloss_50.png') top left repeat-x;
        height:49px;
        border-right:none;
        color:#ffffff;
    }
    
    .dashboardTabView .dashboardTabRow .dashboardAppDividerVertical 
    {
        float:left;
        height:50px;
    }
    
    .dashboardAppTabbedControlSet .dashboardTabView .dashboardTabRow a.disabled img
    {
        opacity:0.3; /*Standard*/
        filter:alpha(opacity=30); /*IE*/
    }
    
    .dashboardAppTabbedControlSet a:link,
    .dashboardAppTabbedControlSet a:visited,
    .dashboardAppTabbedControlSet a:active,
    .dashboardAppTabbedControlSet a:hover 
    {
        color:White;
    }
    
    /* END TOOLBAR TAB VIEW STYLES */

    .dashboardAppDividerVertical /* Vertical separator */
    {
        display:block;
        width:0px;
        height:100%;
        overflow;hidden;
        border-left:1px solid black;
        border-right:1px solid white;
        opacity:0.5; /*Standard*/
        filter:alpha(opacity=50); /*IE*/
    }

    .dashboardAppDividerHorizontal /* Horizontal separator */
    {
        display:block;
        width:100%;
        height:0px;
        overflow;hidden;
        border-top:1px solid black;
        border-bottom:1px solid white;
        opacity:0.5; /*Standard*/
        filter:alpha(opacity=50); /*IE*/
    }

    .dashboardAppHorizontalElement  /* Horizontal Interface element */
    {
        border:1px solid #f0f0f0;
        color:white;
        background-color:#000000;
    }

    .dashboardAppShadedElement_h30 /*30px gradient shade*/
    {
        background-image:url('/controlpanel/apps/_Common/images/overlay_gradient_top_bottom_30.png');
        background-position:bottom left;
        background-repeat:repeat-x;
    }

    .dashboardAppShadedTitle_h30 /*30px gradient shade*/
    {
        background:url('/controlpanel/apps/_Common/images/overlay_gradient_top_bottom_30.png') bottom left repeat-x;
    }

    .dashboardAppHorizontalControlBar  /* Horizontal subsection containing controls */
    {
        width:100%;
        position:absolute;
        height:30px;
        background-color:#000000;
        color:#ffffff;
    }

    .dashboardAppHorizontalControlBar.bottom   /* Horizontal subsection containing controls attached to the bottom of a subsection */
    {
        border-top:1px solid #ffffff;
        bottom:0px;
    }

    /* Subsection of a page containing a subsection of controls */
    .dashboardAppPanelArea.subsection
    {
        background-color:#333333;
        color:#ffffff;
    }

    .dashboardAppPanelArea.subsection a, 
    .dashboardAppPanelArea.subsection a:link, 
    .dashboardAppPanelArea.subsection a:active, 
    .dashboardAppPanelArea.subsection a:visited, 
    .dashboardAppPanelArea.subsection a:hover
    {
        color:#ffffff;
    }

    .dashboardAppPanelArea .heading
    {
        background-color:#5a5a5a;
        height:30px;
        margin-bottom:5px;
        color:white;
    }

    .dashboardAppPanelArea .heading .controlTab,
    .dashboardAppPanelArea .heading .dashboardAppDividerVertical
    {
        display:block;
        float:right;
        margin-right:20px;
        font-weight:bold;
        font-size:10px
    }

    .dashboardAppPanelArea .heading .controlTab
    {
        padding-top:9px;
        cursor:pointer;
    }

    .dashboardAppPanelArea .heading .title
    {
        padding:8px 0px 0px 20px;
    }
    /* END PANEL AREA DEFINITIONS */

    table.dashboardAppListView /* Tables used for lists */
    {
        border-collapse:collapse;
    }

    .dashboardAppListView th
    {
        background-color:#f0f0f0;
        color:#ffffff;
    }

    table.dashboardAppListView tr td 
    {
        padding:5px;
        font-size:0.9em;
    }

    .dashboardAppProgressMini  /* Thin Progress indicator */
    {
        height:10px;
        border:1px solid #f0f0f0;
        background-color:#000000;
        overflow:hidden;
    }

    .dashboardAppProgressMini .dashboardAppProgressFill /* Thin Progress indicator (Fill) */
    {
        height:10px;
        float:left;
        background-color:#f0f0f0;
        text-align:center;
        color:white;
        overflow:hidden;
        font-size:8px;
    }

    .dashboardAppJumpArrow /* Small arrow icon used to link to a related item */
    {
        background:transparent url('/controlpanel/apps/_common/images/icon_jump_arrow.png') no-repeat center center;
        width:12px;
        height:12px;
        border:0px;
    }

    .dashboardAppListView .dashboardAppListControlItem td /* A item in a list that is intended to be an interface widget as opposed to a normal item */
    {
        border-top:1px dotted #ffffff;
        border-bottom:1px dotted #f0f0f0;
    }

    .dashboardAppLoadingMessage /* Temporary text displayed in a container during an AJAX call */
    {
        color:Gray;
        text-align:center;
        padding:40px 20px;
        font-size:10px;
    }
    
    .dashboardAppSystemMessage 
    {
        text-align:center;
        color:white;
        border:1px solid #000000;
        padding:10px 10px 10px 85px;
        background:#8888A2 url('/controlpanel/apps/FileManager/images/invalid.png') no-repeat 10px 50%;
    }

    .dashboardAppSystemMessage.dashboardAppSystemWarning 
    {
        background-image:url('/controlpanel/apps/FileManager/images/warning_stop.png');
    }
    
    .dashboardAppFadedElement 
    {
        opacity:0.3; /*Standard*/
        filter:alpha(opacity=30); /*IE*/    
    }
    
    #dashboardStore 
    {
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        z-index:900;
    }
    
    #dashboardStore_screen
    {
        background-color:black;
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        opacity:0; /*Standard*/
        filter:alpha(opacity=0); /*IE*/
    }
    
    #dashboardStore_content
    {
        overflow:auto;
        position:absolute;
        top:40px;
        bottom:40px;
        left:40px;
        right:40px;
        border:1px solid black;
        opacity:0; /*Standard*/
        filter:alpha(opacity=0); /*IE*/
        z-index:901;
    }
    
    #dashboardStoreControlBar 
    {
        position:absolute;
        left:0px;
        right:0px;
        bottom:0px;
        padding:7px 10px 3px 10px;
        border-left:0px;
        border-right:0px;
        border-bottom:0px;
    }
    
    /*  Styles to override payment method form in Dhashboard embedded store
    #dashboardStoreControlBar .dashboardAppFormCaption 
    {
        width:auto;
        padding-right:10px;
    }
    
    #dashboardStoreControlBar .dashboardAppFormField 
    {
        width:auto;
        padding-right:20px;
    }
    */
    
    #dashboardColorPicker
    {
        position:absolute;
        top:100px;
        left:0px;
        width:205px;
        height:205px;
        z-index:999;
        padding:20px 5px 5px 5px;
        background:transparent url('/controlpanel/apps/_Common/images/colorpicker_wrapper_backgroundshadow.png') top left no-repeat;
        cursor:move;
    }

    #dashboardColorPicker #dashboardColorPickerContent 
    {
        width:195px;
        height:195px;
        padding:5px 5px 5px 5px;
        background-color:#ffffff;
        cursor:default;
    }

    #dashboardColorPicker #dashboardColorPickerContent 
    {
        background-color:#ffffff;
    }

    #dashboardColorPickerClose 
    {
        cursor:pointer;
        position:absolute;
        top:0px;
        right:0px;
        width:25px;
        height:20px;
    }
    
    #dashboardStore_contentWrapper h1 {
        font-size:1.5em;
        border:none;
        margin:0px 0px 0px 0px;
        padding:0px;
        font-weight:bold;
    }
    
    #dashboardStore_contentWrapper h1 .dashboardPromoTitle {
        color:#000000;
    }
    
    #dashboardStore_contentWrapper h1 .dashboardPromoSubtitle {
        color:#898989;
        font-size:0.55em;
    }
    
    p.dashboardPromoPrimary {
        margin:20px 0px;
    }
    
    ul.dashboardPromoFeatureList {
        margin:10px 0px;
        padding:0px;
        list-item:style:none;
    }
    
    ul.dashboardPromoFeatureList li {
        margin:0px 0px 0px 0px;
        padding:10px 0px 10px 30px;
        list-item:style:none;
        background:transparent url('/lib/templates/images/dashboardMerchGroupPromoFeatureBullet.png') 0px 50% no-repeat;
        font-size:0.75em;
    }
    
    
    #dashboardStore_contentWrapper {
        background:transparent url(\'/lib/templates/images/dashboardMerchGroupPromoBGTexture.png\') 50% 0px no-repeat;
    }
    
    .ArticleItemFeaturedSecondary {
        border-top:1px solid #898989;
        border-bottom:1px solid #898989;
    }









    #divOrderForm div.modeInstant .modeOptionElementAll {
        display:none;
    }
    
    #divOrderForm div.modeInstant .modeOptionElementAll.modeOptionElementInstant {
        display:block;
    }
    
    #divOrderForm h3 {
        margin:0px;
        padding:0px;
        margin-bottom:1em;
    }

    #divOrderForm .divOrderPanel {
        margin-bottom:2em;
        padding-bottom:1em;
        border-bottom:1px dashed ;
    }
    
    #divOrderForm .divQuoteLine {
        float:right;
        font-size:1.2m;
        color:;
    }
    
    #divOrderForm #divDesignPackages {
        border:1px solid;
        margin:10px 0px;
        background-color:#f5f5f5;
    }
    
    #divOrderForm .divDesignPackage {
        margin:0px 0px 0px 0px;
        padding:0px;
        float:left;
        width:25%;
        border:none;
    }
    
    #divOrderForm #divDesignPackageSelectionDetail {
        margin:0px 0px 0px 0px;
        padding:20px;
    }
    
    #divOrderForm .divDesignPackage.selected {
    }
    
    #divOrderForm .divDesignPackage.deselected {
        background-color:#ffffff;
    }
    
    #divOrderForm .divDesignPackage.deselected.bordered {
        border-bottom:1px solid ;
    }
    
    #divOrderForm .divDesignPackage .divDesignPackageSidebar.options {
        display:none;
    }
    
    #divOrderForm .divDesignPackage.selected .divDesignPackageSidebar.options {
        display:block;
    }
    
    #divOrderForm .selectionButton {
        xbackground-color:#ec8701;
        background:transparent url('/lib/templates/images/formbg2.gif') repeat-x scroll left top;
        color:#006600;
        font-weight:bold;
        padding:10px;
        margin:75px 20px 0px 20px;
        cursor:pointer;
        border:1px solid;
    }
    
    #divOrderForm .selectedThumbnail {
        margin-bottom:5px;
    }
    
    #divOrderForm .divDesignPackageContent {
        padding:20px;
        /*border-right:1px dashed #898989;*/
        border-right:1px solid #898989;
    }
    
    #divOrderForm .divDesignPackageContent ul {
        padding:0px 0px 0px 16px;
        margin:0px;
    }
    
    #divOrderForm .divDesignPackageContent ul li {
        margin:0px 0px 10px 0px;
        padding:0px;
    }
    
    #divOrderForm .designPackageDetails {
        height:200px;
        margin-bottom:20px;
    }

    #divOrderForm .designPackageDetails ul {
        font-size:10pt;
    }
    
    #divOrderForm #DesignPackageSU4 .divDesignPackageContent {
        border-right:none;
    }
    
    #divOrderLoader {
        display:none;
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        z-index:999;
        background-color:#000000;
        -moz-opacity:.50; 
        -ms-filter:”alpha(opacity=50)”; 
        filter:alpha(opacity=50); 
        opacity:.50; 
        text-align:center;
        color:#ffffff;
        padding-top:25%;
        font-size:1.6em;
        font-weight:bold;
        padding-bottom:10px;
    }
    
    #modalLayer {
        position:fixed;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        z-indez:999;
        display:none;
        padding-top:1px;
    }
    
    #modalScreen {
        position:absolute;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        z-indez:900;
        background:#000000;
        -moz-opacity:.75; 
        -ms-filter:”alpha(opacity=75)”; 
        filter:alpha(opacity=75); 
        opacity:.75; 
    }
    
    #modalContent {
        font-size:20px;
        font-weight:bold;
        x-margin-top:100px;
        text-align:center;
        position:relative;
        color:#ffffff;
        z-indez:950;
        padding:40px;
        width:400px;
        border:1px solid #aaaaaa;
        background:#000000;
        margin-left:auto;
        margin-right:auto;
    }

    #divOrderForm 
    {
        line-height:normal;
    }