body 
{
	font: normal normal 12px/20px Tahoma;
}

strong 
{
	font-weight: bold;
}

#siteException {
	margin: 100px auto;    
	width: 900px;
	padding: 12px;

    outline: 1px dashed red !important;
    color: #d32027 !important;
    text-shadow: 1px 1px 1px #fff !important;
}

.errorMessage
{
	font-weight:bold;
	font-size:12px;
	float:none !important;
	text-align:center;
}

/* Wizard Reset */

.wizard-root 
{
    font: normal normal 11px/20px Tahoma, Verdana, Arial, sans-serif !important;
    text-shadow: none !important;
}

.wizard-spacer 
{
	height: 350px;
}

.ui-page 
{
    padding-bottom: 250px !important;
}

/* Wizard Essential Layout */

#wizardWrapper {
    position: relative;
    width: 950px;
    margin: auto;
    top: 75px;
}

#wizardContainer {
    position: relative;
    float: left;
    width: 950px;
    border: 1px solid #dadada;
    box-shadow: 0px 0px 3px 3px #e0e0e0;
    margin-bottom: 150px;
    background-color: #f0f5fc;
    padding-top: 25px;
	padding-bottom:50px;
}

.divForm
{
	width: 950px;
}

/*
    Tree + Form/Grid 
*/

.treeOnTheLeft 
{
    width: 340px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.gridOnTheRight, .formOnTheRight 
{
    width: 550px;
    background-color: #fff;
    border: 1px solid #b2e2e9;
    padding: 10px;
    margin: 0px;
    float: left;
}


/* RICERCA */
.searchpanel h2
{
    float:none !important;
    width:auto !important;
}

.searchfields
{
    background:#ffffff repeat-x scroll 50% 50% #FFFFFF !important;
    border:1px solid #b2e2e9 !important;
	padding:1em 0em 1em 0em !important;
}

.searchfields input, .searchfields select
{
    width:100px !important;
}

.searchfields input.w60, .searchfields select.w60
{
    width:60px !important;
}

.searchfields input.w50, .searchfields select.w50
{
    width:50px !important;
}

.label-vai
{
	padding-right:10px;
	position: relative !important;
	right: 0px !important;	
}

.ricerca
{
	background-image: url( ../../../Web/common/img/common-search.png);
	background-position:90px center;
	background-repeat:no-repeat;
}

.label-ricerca
{
	font-size: 11px;
	padding-left:5px;
}

/*
    #region Tooltip della Toolbar
*/
.ui-tooltip, .arrow:after {
    background: rgba(47,50,58, 1);
    border: 1px solid white;
}

.ui-tooltip {
    position: absolute;
    z-index: 1000;
    padding: 8px;
    background-color: rgba(47,50,58, 1) !important;
    border: 1px solid rgba(47,50,58,1) !important;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    border-radius: 4px;
    color: #fff !important;
    opacity: 1 !important
}

/*
    #endregion
*/

/*
	Menu
*/

#wizardMenuContainer, #wizardMenu, #main, #componentBrowser, #styleEditor,
.ui-dialog, .label, .label-no-overlay {
    font-family: Tahoma, Verdana, Arial !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    color: #707070;
}

#wizardMenuContainer {
	position: fixed;
	width: 100%;
	height: 78px;
	top: 0px;
	border-bottom: 1px solid #dadada !important;
	background: url(../../../Web/common/img/common-menu-grad.png) repeat-x scroll 0 0 rgba(255, 255, 255, 0.8);
	z-index: 9500 !important;
	margin: none !important;
	text-shadow: 0px 0px 0px transparent !important;
}

#wizardMenuContainer #reduceWMC 
{
    position: fixed;
    top: 47px;
    right: 5px;
    min-width: 26px;
    padding: 0px;
    height: 26px;
    width: 26px;
	/*background:url("../../../Web/site-editor/img/site-editor-arrow-up.png") repeat-x scroll bottom left #f9f9f9;*/
	border: 0px;
	cursor:pointer;
    border: 0px;
    cursor: pointer;
    
    background-image: url("../../../Web/site-editor/img/site-editor-slider-circle-arrow-up.png");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50% !important;
    background-color: #f5F5F5;
    opacity: 0.8;
}

#wizardMenuContainer #reduceWMC:before
{
        /*content: "\E259"*/
}

#wizardMenu {
    width: 100% !important;
    /*
    height: 51px;
	background: transparent url(../../../Web/common/img/common-menu-gradtop.png) repeat-x;
	*/
    background: none;
    background-color: #888;
    height: 45px;
}

#wizardMenuContainer #menu {
    position: relative;
    min-height: 51px;
    margin: auto;
    top: -8px;
    z-index: 9505 !important;
}

#wizardMenuContainer .menu_comm {
    width: 816px; /*816px - 736px; con le statistiche*/ /*707px - 627px; senza le statistiche*/
}

#wizardMenuContainer .menu_hotel {
    width: 707px; /*707px - 627px; con le statistiche*/ /*598px - 518px; senza le statistiche*/
}

#wizardMenuContainer .menu_vetrina {
    width: 707px; /*707px - 627px; con le statistiche*/ /*598px - 518px; senza le statistiche*/
}

#wizardMenuContainer .menu_ecomm {
    width: 1031px;
}

#wizardMenuContainer .menu_passweb {
    width: 815px;
}

#wizardMenuContainer #menu li {
    position: relative;
    width: 108px;
    float: left;
    display: block;
    height: 51px;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
}

    #wizardMenuContainer #menu li a {
        position: relative;
        width: 108px;
        float: left;
        display: block;
        vertical-align: middle;
        line-height: 46px;
        text-align: center;
        /*text-indent: 190px;*/
        overflow: hidden;
        margin-top: 7px;
        /*
    background: transparent url(../../../Web/common/img/common-menu-v7.png) no-repeat;
	background-position: 0px 8px;
    */
        /*	border-right: 1px solid #AAA;*/
    }

    #wizardMenuContainer #menu li > a {
        font-size: 1.3em;
        color: #555;
        color: White;
    }

    #wizardMenuContainer #menu li a img {
        height: 24px !important;
        opacity: 1 !important;
        top: 12px !important;
        vertical-align: baseline;
    }

    #wizardMenuContainer #menu li ul {
        visibility: hidden;
        z-index: 1000;
        float: left;
        position: relative;
        top: 0px;
        border-left: 1px solid #C4C4C2;
        border-right: 1px solid #C4C4C2;
        border-bottom: 1px solid #C4C4C2;
        box-shadow: 0px 0px 5px 1px #C4C4C2;
        border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -mod-border-bottom-right-radius: 3px;
    }

        #wizardMenuContainer #menu li ul li:last-child {
            border-bottom-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -mod-border-bottom-right-radius: 3px;
        }

    #wizardMenuContainer #menu li li {
        height: 28px;
        background: #e6e6e6 none !important;
        background-color: White !important;
        float: left;
        position: relative;
        width: auto;
        z-index: 200;
    }

        #wizardMenuContainer #menu li li a {
            background: #f5f5f5 none !important;
            background-color: White !important;
            height: 20px;
            line-height: 20px;
            padding-top: 4px;
            padding-bottom: 4px;
            display: block;
            position: relative;
            float: left;
            width: 250px;
            text-align: left;
            text-indent: 6px;
            color: #555;
            font-size: 1em;
            margin-top: 0px;
        }

            #wizardMenuContainer #menu li li a:hover {
                background: #C4C4C2 none !important;
            }

    #wizardMenuContainer #menu li a:hover ul, #menu li:hover ul {
        visibility: visible !important;
    }

    #wizardMenuContainer #menu li > a:hover {
        background-color: #A1A1A1;
        /*
    background: -moz-linear-gradient(90deg,#888888  0%, #BBBBBB 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBBBBB ), color-stop(100%,#888888 )); 
    background: -webkit-linear-gradient(90deg,#888888  0%,#BBBBBB  100%); 
    background: -o-linear-gradient(90deg, #8888880%, #BBBBBB  100%); 
    background: -ms-linear-gradient(90deg, #008080 0%, #CCCCCC 100%); 
    background: linear-gradient(0deg,#888888  0%,#BBBBBB  100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBBBBB', endColorstr='#888888',GradientType=0 ); 
  */
        color: White;
    }

#wizardMenuContainer #menu .menu_site {
    /*background-position:-137px 8px;*/
}

    #wizardMenuContainer #menu .menu_site:hover {
        /*background-position:-137px -35px;*/
    }

    #wizardMenuContainer #menu .menu_site:active {
        /*background-position:-137px -78px;*/
    }


#wizardMenuContainer #menu .menu_site_selected {
    /*	background-position:-137px -121px;*/
}

#wizardMenuContainer #menu .menu_catalog {
    /*background-position:-245px 8px;*/
}

    #wizardMenuContainer #menu .menu_catalog:hover {
        /*background-position:-245px -35px;*/
    }

    #wizardMenuContainer #menu .menu_catalog:active {
        /*background-position:-245px -78px;*/
    }

#wizardMenuContainer #menu .menu_catalog_selected {
    /*background-position:-245px -121px;*/
}

#wizardMenuContainer #menu .menu_customers {
    /*background-position:-353px 8px;*/
}

    #wizardMenuContainer #menu .menu_customers:hover {
        /*background-position:-353px -35px;*/
    }

    #wizardMenuContainer #menu .menu_customers:active {
        /*background-position:-353px -78px;*/
    }

#wizardMenuContainer #menu .menu_customers_selected {
    /*background-position:-353px -121px;*/
}

#wizardMenuContainer #menu .menu_orders {
    /*background-position:-461px 8px;*/
}

    #wizardMenuContainer #menu .menu_orders:hover {
        /*background-position:-461px -35px;*/
    }

    #wizardMenuContainer #menu .menu_orders:active {
        /*background-position:-461px -78px;*/
    }

#wizardMenuContainer #menu .menu_orders_selected {
    /*background-position:-461px -121px;*/
}

#wizardMenuContainer #menu .menu_configuration {
    /*background-position:-569px 8px;*/
}

    #wizardMenuContainer #menu .menu_configuration:hover {
        /*background-position:-569px -35px;*/
    }

    #wizardMenuContainer #menu .menu_configuration:active {
        /*background-position:-569px -78px;*/
    }

#wizardMenuContainer #menu .menu_configuration_selected {
    /*background-position:-569px -121px;*/
}

#wizardMenuContainer #menu .menu_account {
    /*background-position:-677px 8px;*/
}

    #wizardMenuContainer #menu .menu_account:hover {
        /*background-position:-677px -35px;*/
    }

    #wizardMenuContainer #menu .menu_account:active {
        /*background-position:-677px -78px;*/
    }

#wizardMenuContainer #menu .menu_account_selected {
    /*background-position:-677px -121px;*/
}

#wizardMenuContainer #menu .menu_statistics {
    /*background-position:-893px 8px;*/
}

    #wizardMenuContainer #menu .menu_statistics:hover {
        /*background-position:-893px -35px;*/
    }

    #wizardMenuContainer #menu .menu_statistics:active {
        /*background-position:-893px -78px;*/
    }

#wizardMenuContainer #menu .menu_statistics_selected {
    /*background-position:-893px -121px;*/
}

/* 921px con le statistiche */
#wizardMenuContainer #menu .menu_tools {
    /*background-position:-921px 8px;*/
}

    #wizardMenuContainer #menu .menu_tools:hover {
        /*background-position:-921px -35px;*/
    }

    #wizardMenuContainer #menu .menu_tools:active {
        /*background-position:-921px -78px;*/
    }

#wizardMenuContainer #menu .menu_tools_selected {
    /*background-position:-921px -121px;*/
}

#wizardMenuContainer #menu .menu_sep0 {
    /*
    background-position:-134px 8px;
	background-image: url(../../../Web/common/img/common-menu-v7.png);
	background-repeat: no-repeat;   
    */
    width: 3px;
    /*border-right: 1px solid #AAA;*/
    height: 34px;
    margin-top: 11px;
}

#wizardMenuContainer #menu .menu_left {
    /*
    background-position: -10px 8px;
    background-image: url(../../../Web/common/img/common-menu-v7.png);
    background-repeat: no-repeat;
    */
    background-image: url(../../../Web/common/img/logo_passweb.svg);
    background-repeat: no-repeat;
    width: 112px;
    margin-left: 10px;
    margin-top: 13px;
    background-size: 100px;
    background-position-y: calc(100% - 1.25rem);
    background-position-x: calc(100% - 0.25rem);
}

#wizardMenuContainer #menu .menu_right {
    /*
	background-position:-1002px 8px;
	background-image: url(../../../Web/common/img/common-menu-v7.png);
	background-repeat: no-repeat;   */
    width: 136px;
}

    #wizardMenuContainer #menu .menu_right a {
        padding: 0;
        height: 51px;
        margin-top: 2px;
        border-right: none;
    }


#logoutFBButton, #logoutTWButton
{
    display: block;
    position: fixed !important;
    width: auto !important;
    right: 5px !important;
    top:80px  !important;
    height:auto !important;
    border: 1px solid #365899;
    border-radius: 4px;
    
}

#logoutTWButton
{
    top:120px  !important;
}

#logoutFBButton span, #logoutTWButton span
{
    color: #365899;
    padding: 2px;
    background-color: transparent;
    background-repeat: no-repeat;
    min-width: 120px;
    margin-right: 10px;
    margin-left: 2px;
    text-align: right;
    display: block;
    text-indent: 32px;
    min-height: 28px;
}

.fbbutton i {
    color: #4267B2;
    font-size: 32px;
}

.lnbutton i {
    color: #0077B5;
    font-size: 32px;
}

#logoutFBButton span
{
     background-image: url(https://static.xx.fbcdn.net/rsrc.php/yl/r/H3nktOa7ZMg.ico);
    display: inline-block;
    min-width: 32px;
}

#logoutTWButton span
{
     background-image: url(https://abs.twimg.com/favicons/favicon.ico);
}


#loginFBButton, #loginTWButton
{
    display: block;
    position: fixed !important;
    width: auto !important;
    right: 5px !important;
    top:80px  !important;
    height:auto !important;
}
#loginTWButton
{
    top:120px  !important;
}

#loginTWButton > a 
{
   color: #365899 !important;
    padding: 2px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    width: auto !important;
    margin-right: 10px !important;
    margin-left: 2px !important;
    display: block !important;
    border: 1px solid #365899 !important;
    line-height: normal !important;
    height: auto !important;
    font-size: 1em !important;
    vertical-align: middle !important;
    border-radius: 4px !important
}
#loginTWButton > a:hover
{
    
}

#loginTWButton > a > span
{    
    display: inline-block;
    position: relative;
    top: -7px;
    margin: 0 5px;
}
/*
    Sotto-Menu
*/

#sottomenu {
    background-color: transparent !important;
    border: 0px !important;
    margin: 2px !important;
    height: 30px !important;
    width: 1000px;
}
    
#sottomenu li 
{
    float: left;
    margin: 0px 1px 0px 1px;
}
    
#sottomenu li a 
{
    min-width: 65px;
   
    padding-left: 7px;
    padding-right: 7px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    float: left;
    overflow: hidden;
    /*
        border: 1px solid #e8e8e8;
        margin: 4px;
    */
    border-radius: 0;
    -webkit-border-radius: 0;
        color: #777;
}

#sottomenu li a.active
{
    /*background-color: #d6e7ff !important;*/
    font-weight: bold;
}

#sottomenu li a:hover
{
    color: #333;
 
}

/*
    Modalità
*/

#modesToolbar {
    float: left;
    width: 920px;
    height: 33px;
    position: relative;
    left: 50%;
    margin-left: -460px;
    margin-top: -19px;
    border-radius: 6px;
    clear: both;
}

    #modesToolbar div {
        float: left;
        /*position: absolute;*/
        overflow: hidden;
        /*
    margin: 6px;
    min-width: 50px;
	margin-left: 16px;
	margin-right: 16px;
	padding-left: 22px;
	padding-right: 22px;
	height: 20px;
	line-height: 19px;
	text-align: right;
    */
        color: #777;
        font-size: 1.2em;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        padding: 6px 18px;
        margin: 1px;
        height: 18px;
        min-width: 80px;
        text-align: center;
    }

#modesToolbar div.small 
{
	width: 25px !important;
	min-width:25px !important;
	padding: 6px 2px 6px 2px;
    margin: 2px;
	height: 18px;
	text-align: center;
	position: absolute;
	z-index: 9500 !important;
}

#modesToolbar a
{
	color: #777;
}

#modesToolbar > div
{
    /*
	background-color: #e8e8e8;
	border: 1px solid #e8e8e8;
    */
}

#modesToolbar > a > div
{
	border: 1px solid #e8e8e8;
}

#modesToolbar > a:hover > div
{
	background-color: white;
	border: 1px solid #888;
}

#modesToolbar .modeoff 
{
	opacity: .3;
}

#modesToolbar div:hover, #modesToolbar div.small:hover 
{
	color: #444;
	cursor: pointer;
	
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}



#management-mode
{
	left: 0px;
	width: 776px;
	display: none;
	text-align:right !important;
    overflow:auto !important;
	height: 28px !important;
    padding: 5px 0px 0px 0px !important;
}

#management-mode a 
{
	padding-bottom: 6px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #555;
    white-space:nowrap;
	display:inline-block;
}

#management-mode span
{
	padding: 6px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-weight: bold;
	color: #555;
	border: 1px solid #ccc;
	background-color:#fff;
	font-size:11px;
    white-space:nowrap;
}

#management-mode a.managedhandler:hover
{
   background-color: #c0dbff;
}

#management-mode-goup
{
	background: url( ../../../Web/common/img/common-arrow-goup.png ) no-repeat scroll center center transparent;
	left: 841px;
	min-width: 20px !important;
	width: 20px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: none;
	background-position: 1px;

}

#management-mode-goup:hover
{
	background-color: #c0dbff !important;
	background: #c0dbff url( ../../../Web/common/img/common-arrow-goup.png ) no-repeat center center !important;
	background-image: url( ../../../Web/common/img/common-arrow-goup.png ), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(193,220,255)),
		color-stop(0.72, rgb(214,231,255))
	) !important;
	background-image: url( ../../../Web/common/img/common-arrow-goup.png ), -moz-linear-gradient(
		center bottom,
		rgb(193,220,255) 20%,
		rgb(214,231,255) 72%
	) !important;
	border: 1px solid #bbb !important;    
	background-position: 1px;

}

#management-mode-exit
{
	background: url( ../../../Web/common/img/common-delete.png ) no-repeat scroll center center transparent;
	left: 867px;
	min-width: 20px !important;
	width: 20px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: none;
	background-position: 1px;

}

#management-mode-exit:hover
{
	background-color: #c0dbff !important;
	background: #c0dbff url( ../../../Web/common/img/common-delete.png ) no-repeat center center !important;
	background-image: url( ../../../Web/common/img/common-delete.png ), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(193,220,255)),
		color-stop(0.72, rgb(214,231,255))
	) !important;
	background-image: url( ../../../Web/common/img/common-delete.png ), -moz-linear-gradient(
		center bottom,
		rgb(193,220,255) 20%,
		rgb(214,231,255) 72%
	) !important;
	border: 1px solid #bbb !important;    
	background-position: 1px;

}

#pages-mode:hover, .pages-mode-active,
#ownership-mode:hover, .ownership-mode-active,
#layout-mode:hover, .layout-mode-active,
#containers-mode:hover, .containers-mode-active,
#components-mode:hover, .components-mode-active,
#addcomponents-mode:hover, .addcomponents-mode-active {
    font-weight: bold;
}

.pages-mode-active, .ownership-mode-active, .layout-mode-active, 
.containers-mode-active, .components-mode-active, .addcomponents-mode-active {
    color: #222 !important;
}

#language-tool 
{
	left: 802px;
	/*
	background-color: #e8e8e8 !important;
	background: #e8e8e8 url( ../../../Web/common/img/common-language.png ) no-repeat center center;
    */
	background-image: url( ../../../Web/common/img/common-language.png );
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 16px;
	height: 16px;
	border:1px solid transparent;
}
	
#language-tool:hover, .language-tool-active
{
	left: 802px !important;
	border:1px solid #ccc;
	background-color: #ccc;
}

#wireframe-tool
{
	left: 830px;
	
	background-image: url( ../../../Web/common/img/common-wireframe.png );
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 16px;
	height: 16px;
	border:1px solid transparent;
}

#wireframe-tool:hover, .wireframe-tool-active
{
	left: 830px !important;
	border:1px solid #ccc;
	background-color: #ccc;
}

#discovery-tool
{
	left: 858px;

	background-image: url( ../../../Web/common/img/common-pin.png );
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 16px;
	height: 16px;
	border:1px solid transparent;
}

#discovery-tool:hover, .discovery-tool-active
{
	left: 858px !important;
    border:1px solid #ccc;
	background-color: #ccc;
}

#screen-tool
{
    left: 886px !important;
	
	background-image: url( ../../../Web/common/img/common-screen-mobile.png );
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 16px;
	height: 16px;
	border:1px solid transparent;
}

#screen-tool:hover, .screen-tool-active
{
	left: 886px !important;
    border:1px solid #ccc;
	background-color: #ccc;
}

#saveLoader, .saveDialogLoader
{
	background-color: #f9f9f9;
	display: none;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -300px;
	height: 50px;
	line-height: 25px;
	width: 600px;
	text-align: center;
	border: 1px solid #c9c9c9;
	-moz-box-shadow: 0px 0px 5px 1px #c0dbff;
	-webkit-box-shadow: 0px 0px 5px 1px #c0dbff;
	box-shadow: 0px 0px 5px 1px #c0dbff;
}

.saveDialogLoader
{
    z-index:10100;
}

#languageSwitcher 
{
	width: 135px;
    height: 25px !important;
    position: relative !important;
    left: 659px;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9500 !important;
    background-color: #ccc !important;
    /* border-top: 0px !important; */
    /* border-bottom: 1px solid #c6c6c6 !important; */
    /* border-left: 1px solid #c6c6c6 !important; */
    /* border-right: 1px solid #c6c6c6 !important; */
}

#language 
{
	position: absolute;
	border: 1px solid #d6d6d6;
	background-color: #fff;
    top: 10px;
    left: 10px;
    width:160px;
}

#language option 
{
    font-size: 11px;
	background-color: #fff;
	color: #747474;
}

#main div {
	position: relative;
	float: left;
}

#screenSwitcher 
{
	width: 220px;
	height: 450px !important;
	position: relative !important;
    left: 688px;
    padding:8px 5px 8px 5px !important;
	padding: 8px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9500 !important;
	background-color:#ccc !important;
	/*border-top: 0px !important;
	border-bottom: 1px solid #c6c6c6 !important;
	border-left: 1px solid #c6c6c6 !important;
	border-right: 1px solid #c6c6c6 !important;*/
}

#screenSwitcher dt, #screenSwitcher dd
{
    width: 50% !important;
    float: left;
    position:relative;
    line-height:24px;
    text-align:left;
}

#screenSwitcher dt
{
    text-align:center;
}

#screenSwitcher .iconDevice
{
    position: absolute;
    left: 0px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
}

#screenSwitcher .detailDevice
{
    display: block;
    font-size: 10px;
    color: #777;
    line-height: 10px;
}

#screenSwitcher .typeDevice 
{
    margin-bottom:3px;
}

#screenSwitcher .typeDevice strong
{
    font-weight:bold;
}

#screenSwitcher .typeDevice li
{
    background-color: #ffffff;
    height:40px;
}

#screenSwitcher .typeDevice li a
{
    display: block;
    padding: 3px 10px 3px 48px;
}

#screenSwitcher .typeDevice li a:hover
{
    background-color:#c0dbff;
}

#applyDevice
{
    padding: 2px;
    margin-top: 2px;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    width:100%;
}

#screenSwitcher .stepper
{
    position: relative;
    float: left;
    font-size: 11px;
    margin: 2px;
    height: 12px;
    line-height: 14px;
    padding: 3px;
    border: 1px solid #c9c9c9;
    width: 55px;
    box-sizing: content-box !important;
}

#screenSwitcher .arrow-up
{
    position: absolute;
    left: 44px;
    top: 3px;
    width: 20px;
    height: 9px;
    background: #f1f1f1 url(../../../Web/site-editor/img/site-editor-arrow-up.png ) 1px -2px;
}

#screenSwitcher .arrow-down
{
    position: absolute;
    left: 44px;
    top: 12px;
    width: 20px;
    height: 9px;
    background: #f1f1f1 url(../../../Web/site-editor/img/site-editor-arrow-down.png ) 2px -3px;
}

.ui-page
{
    margin:auto !important;
    left: 0;
    right: 0;
}

/*
	Gestione Pagine
*/

#pagesEditor 
{
	position: absolute;
	top: 78px;
	left: 50%;
	width: 951px;
	margin-left: -475px;
	float: left;
	display: none;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	z-index: 9250 !important;  
}

#pagesEditor .divForm 
{
    padding: 0px;
    width: 100%;
}

#pagesEditor > fieldset > legend
{
	padding: 5px;
	width: 939px;
	border: 1px solid #e0e0e0;
}

#pagesEditor .wsTree 
{
	position: relative;
	width: 390px;
	min-height: 300px;
	float: left;
	margin: 10px;
}

#pagesEditor .wsTreePanel .wsTree 
{
	position: relative;
	width: 96%;
	min-height: 300px;
	float: left;
	margin: 10px;
}

#pagesEditor .wsTreeUl
{
	max-height: 455px;
}

#pagesEditor .wsTreePanel 
{
	position: relative;
	width: 515px;
	float: left;
	background-color: #fff;
	margin-top: 2px;
	max-height: 500px;
	min-height: 150px !important;
	min-width: 250px !important;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 8px;
	z-index: 400 !important;
}

#pagesEditor .wsTreePanel .wform fieldset input[type=text], fieldset input[type=password], 
#pagesEditor .wsTreePanel .wform fieldset textarea
{
	width: 96% !important;
}

#pagesEditor div.published_file
{
    width:auto;
}


/*
	wsTree
*/

.wsTree .treeNode 
{
	text-align: left;
	font-size: 11px;
	white-space: nowrap;
}

.wsTree .treeNode span 
{
	text-indent: 0px !important;
}

.wsTree .treeNode img 
{
	vertical-align: inherit;
	margin-right: 3px;
	margin-left: 3px;
	top: 4px;
}

.wsTree, .wsTree *
{
	text-align: left !important;
}

.wsTree .treeNode:hover {
	border-color: #555;
	color: #000;
}

.wsTree .addNode
{
	background: #fff url( ../../../Web/common/img/common-add-small.png );
	height:16px;
	position:absolute;
	right:10px;
	top:24px;
	width:14px;
	z-index: 200;
}

.wsTree .editNode
{
	background: #fff url( ../../../Web/common/img/common-edit-small.png );
	height:16px;
	position:absolute;
	right:30px;
	top:-8px;
	width:14px;
	z-index: 200;
}

.wsTree .deleteNode
{
	background: #fff url( ../../../Web/common/img/common-delete-small.png );
	height:16px;
	position:absolute;
	right:10px;
	top:-8px;
	width:14px;
	z-index: 200;
}

.wsTree a:hover 
{
    cursor: pointer;
}

.wsTree .expandNode {
	float: left;
	width:15px;
	height:20px;
	/*margin-right: 10px;*/
	margin-left: 10px;
	z-index: 200;
	background: url( ../../common/img/common-arrow-right.png ) no-repeat right center;
}

.wsTree .expandNode-open {
	background-image: url( ../../common/img/common-arrow-down.png);
}

.wsTree .expandNode-close {
	background-image: url( ../../common/img/common-arrow-right.png);
}

.wsTree .expandNode-add:hover 
{
	opacity: 1;
	cursor: pointer;
}

.wsTree .expandNode-empty 
{
	height:20px;
	float: left;
	/*margin-right: 10px;*/
	margin-left: 10px;
	width:15px;
	z-index: 200;
	background: transparent none;
}

.wsTree 
{
	position: relative;
	width: 100%;
	min-width: 150px !important;
	min-height: 150px !important;
	z-index: 400 !important;
	overflow: hidden;
}

.wsTreeUl 
{
	min-height: 250px;
	overflow: auto;
	padding:5px;
	background-color: #fafafa;
	margin-left: 1%;
	margin-right: 1%;
	padding-left: 2%;
	padding-right: 2%;
	width: 94%;
	border: 1px solid #b2e2e9;
}

.wsTree ul li, .wsTreeUl ul li 
{
	min-width: 150px !important;
	line-height: 20px !important;
	margin: 0px !important;
	padding: 0px !important;
	height: auto;
}

.wsTree .wsTreeToolbar li 
{
	min-width: 20px !important;
	line-height: 30px !important;
	padding-left: 5px !important;
	padding-right: 5px !important; 
}

.wsTree ul li span 
{
	padding: 2px 10px 3px 10px;
	background-color: #f7f7f7;
	border: 1px solid #e9e9e9;
	cursor: pointer;
}

.wsTree ul li span.layoutcolorcode
{
	border: 0px;
	cursor: default;
}

.wsTree ul li span:hover, .wsTree ul li .selectedNode
{
	background-color: #d6e8ff;
	border: 1px solid #333;
	color: #333 !important;	
}

.wsTree ul li span.layoutcolorcode:hover
{
	border: 0px;
	cursor: default;
}

.wsTree > ul > li > ul 
{
	margin-top: 1px;
}

.wsTree ul li ul 
{
	margin-left: 0px;
}

.wsTree ul li ul li ul
{
	margin-left: 10px;
	margin-top: 1px;
}

.wsTree * 
{
	z-index: 400 !important;
}

.ui-dialog .wsTree *
{
	z-index: 11000 !important;
}

.wsTree .treecheckbox 
{
	position: relative;
	top: -1px;
	background: transparent none;
	margin-right: 3px;
}

#dialogWnd .wsTree .treecheckbox 
{
	top: -1px;
	padding: 0px;
	width: 0px;
}

.wsTree img
{
	position: relative;
	top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.wsTreeToolbar 
{
	height: 30px;	
	margin-bottom: 5px;
	background-color: #ffffff;
	border: 1px solid #b2e2e9;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 2%;
    padding-right: 2%;
    width: 94%;
}

.wsTreeToolbar li 
{
	float: right;
	display: none;
	min-width: 38px !important;
	padding-right: 5px !important;
	width: auto;
	height: 30px !important;
	font-size: 11px;
	line-height: 30px !important;
	text-indent: 30px;	
}

.wsTreeToolbar li:hover, .wsTreeToolbar .active  
{
	background-color: #d6e8ff !important;
	color: #555555;
	cursor: pointer;
}

.wsTree .newNode 
{
	background-color: #d8efd1 !important;
}

.wsTree .wsTreeToolbar #addChildPage 
{
	background: transparent url( ../../../Web/common/img/new_page.png ) no-repeat 3px center;
}

.wsTree .wsTreeToolbar #editPage 
{
	background: transparent url( ../../../Web/common/img/main_configuration.png ) no-repeat 3px center;
}

.wsTree .wsTreeToolbar #copyPage 
{
	background: transparent url( ../../../Web/common/img/common-page-copy.png ) no-repeat 3px center;
}

.wsTree .wsTreeToolbar #movePage 
{
	background: transparent url( ../../../Web/common/img/common-components-move.png ) no-repeat center center;
}

.wsTree .wsTreeToolbar #deletePage 
{
	background: transparent url( ../../../Web/common/img/common-delete.png ) no-repeat 3px center;
}

.wsTree .wsTreeToolbar #sePage 
{
	background: transparent url( ../../../Web/common/img/common-gfx.png ) no-repeat center center;
}

.cke_dialog_contents .wsTreeUl 
{
	height: 300px;
	overflow-y: scroll;
}

/*
	wsDatagrid
*/

.wsDatagrid .datagridTable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.wsDatagrid {
	width: 100%;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px !important;
	border: 1px solid #b2e2e9;
	padding-top: 1px;
	padding-bottom: 1px;
	float: left;
	overflow-x: auto;
}

.wsDatagrid *
{
	font-size: 11px !important;
}

.wsDatagrid div
{
	margin: 0px !important;
	padding: 0px !important;
	overflow: hidden;
	float: left;
}

.wsDatagrid .datagridPagination, .wsDatagrid .datagridColumnsHeader, .wsDatagrid .datagridRows 
{
	width: 100%;   
	background-color: #ffffff;    
}

.wsDatagrid .datagridRows
{
	min-height: 30px;
	line-height: 30px;
}

.wsDatagrid .datagridRow, .wsDatagrid .datagridRowInfo
{
	width: 100%;
}

.wsDatagrid .datagridColumnsHeader 
{
	height: 25px;
	line-height: 25px;
}

.wsDatagrid .datagridRow 
{
	height: 25px !important;
	line-height: 25px !important;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
}

.wsDatagrid .datagridRowColumn 
{
	height: 25px !important;
	line-height: 25px !important;
}

.wsDatagrid .datagridRow:hover
{
	background-color: #e5e5e5;
	color: #666666;    
}

.wsDatagrid .datagridRowInfo 
{
	margin: 1% !important;
	width: 98%;
	border: 1px solid #f1f1f1;
}

.wsDatagrid .datagridRowInfo dt, .wsDatagrid .datagridRowInfo dd 
{
	width: 48%;
	height: 20px;
	line-height: 20px;
	float: left;
	text-indent: 5px;
	word-wrap: break-word;
	word-break: break-all;
}

.wsDatagrid .datagridRowInfo dd p
{
    float:none;
    width:auto;
}

.wsDatagrid .datagridPagination 
{
	height: 30px;
	background-color: #f5f5f5;
}

.wsDatagrid .datagridColumnsHeader 
{
	text-align: left;
	background: #f9f9f9 url( ../../common/img/becomponents/datagrid/datagrid-header.gif ) repeat-x scroll 0 bottom;
}

.wsDatagrid .datagridColumnsHeader div, .wsDatagrid .datagridRow 
{
	text-indent: 5px;
}

.wsDatagrid .datagridPagination a 
{
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	line-height: 20px;
	text-align: center;
	margin: 4px !important;
	border: 1px solid #ddd;
	color: #666;
	cursor: pointer !important;
}

.wsDatagrid .datagridPagination a:hover 
{
	background-color: #c0dbff;
	color: #333;
	line-height: 20px;
	text-align: center;
	margin: 4px !important;
	border: 1px solid #ddd !important;
	cursor: pointer !important;
}

.wsDatagrid .datagridPagination a.link 
{
	background-color: #f7f7f7;
}

.wsDatagrid .datagridPagination a.active 
{
	background-color: #d6e8ff;
}

.wsDatagrid .datagridPagination a.current 
{
	background-color: #c0dbff;
	border: 1px solid #f1f1f1;
}

.wsDatagrid .datagridPagination a.spacer 
{
	background-color: #fff;
	border: 1px solid #f1f1f1;
}

.wsDatagrid .datagridPagination .datagridHeaderInfo 
{
    /*float: right !important;
    height: 20px;
    line-height: 20px;
    right: 7px;
    margin: 5px !important;*/
}

.wsDatagrid .datagridCheck, .wsDatagrid .datagridTool
{
	height: 25px;
	width: 20px;
	float: left;
	display: block;
}

.wsDatagrid .rowSelected 
{
	background-color: #d6e8ff;
	color: #666666; 
}

.wsDatagrid .rowSelected:hover
{
	background-color: #c0dbff;
	color: #666666; 
}

.wsDatagrid .rowIsUnchecked 
{
	background: transparent url( ../../common/img/becomponents/datagrid/datagrid-row-unchecked.png ) no-repeat center center;
}

.wsDatagrid .rowIsChecked 
{
	background: transparent url( ../../common/img/becomponents/datagrid/datagrid-row-checked.png ) no-repeat center center;
}

.wsDatagrid .info 
{
	background: transparent url( ../../common/img/becomponents/datagrid/datagrid-info.png ) no-repeat center center;
}

.wsDatagrid .datagridRowColumn img
{
	vertical-align: middle;
}

.wsDatagridToolbar 
{
	background-color:#ffffff;
	height:30px;
	margin-bottom:5px;
	margin-left:0.2%;
	margin-right:0.2%;
	padding-left:0.3%;
	padding-right:0.3%;
	width:99%;
	border: 1px solid #b2e2e9;
}

.wsDatagrid .wsDatagridToolbar 
{
    border: 0px;
}

.wsDatagridToolbar li 
{
	float: right;
	min-width: 38px !important;
	padding-right: 4px !important;
	width: auto;
	height: 30px !important;
	font-size: 11px;
	line-height: 30px !important;
	text-indent: 30px;	
}

.wsDatagridToolbar li:hover, .wsDatagridToolbar .active  
{
	background-color: #c0dbff !important;
	color: #555555;
	cursor: pointer;
}

.df_manager_datagrid .wsDatagridToolbar, .df_manager_tree .wsDatagridToolbar
{
	width: 97.9%;
}

#dialogWnd 
{
	min-height: 100px !important;
	max-height: 550px !important;
	height: auto !important;
	z-index: 10000 !important;
	text-shadow: 0px 0px 0px transparent !important;
}

.ui-button-save 
{
	background: #e1fde3 url( ../../../Web/common/css/wizard-theme/images/ui-button-save.png ) center center !important;
}

.ui-button-delete 
{
	background: #fdfbe1 url( ../../../Web/common/css/wizard-theme/images/ui-button-delete.png ) center center !important;
}

.ui-button-cancel 
{
	background: #fde6e1 url( ../../../Web/common/css/wizard-theme/images/ui-button-cancel.png ) center center !important;
}

.colorpicker {
	z-index: 10250 !important;
} 

#styleEditor #mainPanel #componentclass-container .components-toolbox-container 
{
	float: left;
	height: 220px;
	position: relative;
	width: 100%;
	background-color: #fff;
}

/*
	Stubs
*/

#paragraphCompStub 
{
	background-image: url( ../../../Web/common/img/components/paragraphComp.png );
}

#imageCompStub 
{
	background-image: url( ../../../Web/common/img/components/imageComp.png );
}

#imagelinkCompStub 
{
	background-image: url( ../../../Web/common/img/components/imageComp.png );
}

#logoCompStub 
{
	background-image: url( ../../../Web/common/img/components/imageComp.png );
}

#menuCompStub 
{
	background-image: url( ../../../Web/common/img/components/menuComp.png );
}

#navinfoCompStub
{
	background-image: url( ../../../Web/common/img/components/navinfoComp.png );
}

#flashCompStub 
{
	background-image: url( ../../../Web/common/img/components/flashComp.png );
}

#googlemapCompStub 
{
	background-image: url( ../../../Web/common/img/components/googlemapComp.png );
}

#newsCompStub 
{
	background-image: url( ../../../Web/common/img/components/newsComp.png );
}

#rssCompStub 
{
	background-image: url( ../../../Web/common/img/components/rssComp.png );
}

#imagegalleryCompStub 
{
	background-image: url( ../../../Web/common/img/components/imagegalleryComp.png );
}

#tabsCompStub 
{
	background-image: url( ../../../Web/common/img/components/tabsComp.png );
}

#accordionCompStub 
{
	background-image: url( ../../../Web/common/img/components/accordionComp.png );
}

#sliderCompStub 
{
	background-image: url( ../../../Web/common/img/components/sliderComp.png );
}

#slidercontrolCompStub 
{
	background-image: url( ../../../Web/common/img/components/slidercontrolComp.png );
}

#loginCompStub
{
	background-image: url( ../../../Web/common/img/components/loginComp.png );
}

#webbookingCompStub 
{
	background-image: url( ../../../Web/common/img/components/webbookingComp.png );
}

#sitesearchCompStub
{
	background-image: url( ../../../Web/common/img/components/sitesearchComp.png );
}

#mcSubscriptionCompStub, #mcManagementCompStub 
{
	background-image: url( ../../../Web/common/img/components/mcSubscriptionComp.png );
}

#mcTextfieldCompStub 
{
	background-image: url( ../../../Web/common/img/components/mcTextfieldComp.png );
}

#mcDatefieldCompStub 
{
	background-image: url( ../../../Web/common/img/components/mcDatefieldComp.png );
}

#mcRadiofieldCompStub 
{
	background-image: url( ../../../Web/common/img/components/mcRadiofieldComp.png );
}

#mcSelectfieldCompStub 
{
	background-image: url( ../../../Web/common/img/components/mcSelectfieldComp.png );
}

#mcCheckboxlistfieldCompStub 
{
	background-image: url( ../../../Web/common/img/components/mcCheckboxlistfieldComp.png );
}

#containerCompStub 
{
	background-image: url( ../../../Web/common/img/components/containerComp.png );
}

#containerGridCompStub 
{
	background-image: url( ../../../Web/common/img/components/containerGridComp.png );
}

#searchandfilterCompStub
{
	background-image: url( ../../../Web/common/img/components/searchandfilterComp.png );
}

#searchandfilterresultsCompStub
{
	background-image: url( ../../../Web/common/img/components/searchandfilterresultsComp.png );
}

#htmlCompStub 
{
	background-image: url( ../../../Web/common/img/components/htmlComp.png );
}

#ironrubyCompStub 
{
	background-image: url( ../../../Web/common/img/components/ironrubyComp.png );
}

#ironpythonCompStub 
{
	background-image: url( ../../../Web/common/img/components/ironpythonComp.png );
}

#moduleCompStub
{
	background-image: url( ../../../Web/common/img/components/moduleComp.png );
}

#cmsNewslistCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsNewslistComp.png );
}

#cmsNewsdetailCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsNewsdetailComp.png );
}

#cmsNewsarchiveCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsNewsarchiveComp.png );
}

#cmsCategoriesmenuCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsCategoriesmenuComp.png );
}

#cmsBookCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsBookComp.png );
}

#cmsBookindexCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsBookindexComp.png );
}

#cmsBooknavigationCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsBooknavigationComp.png );
}

#cmsRelatedcontentCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsRelatedContentComp.png );
}

#cmsCalendarCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsCalendarComp.png );
}

#cmsTimeperiodsmenuCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsTimeperiodsmenuComp.png );
}

#cmsTagcloudCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsTagcloudComp.png );
}

#cmsFieldtitleCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldtitleComp.png );
}

#cmsFieldsummaryCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldsummaryComp.png );
}

#cmsFieldarticleCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldarticleComp.png );
}

#cmsFielddateCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFielddateComp.png );
}

#cmsFieldauthorCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldauthorComp.png );
}

#cmsFieldcategoriesCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcategoriesComp.png );
}

#cmsFieldtagsCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldtagsComp.png );
}

#cmsFielddescriptionCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFielddescriptionComp.png );
}

#cmsFieldratingCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldratingComp.png );
}

#cmsFieldcommentsCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentsComp.png );
}

#cmsFieldcommenttextCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommenttextComp.png );
}

#cmsFieldcommentauthorCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentauthorComp.png );
}

#cmsFieldcommentdateCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentdateComp.png );
}

#cmsFieldcommentavatarCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentavatarComp.png );
}

#cmsFieldcommentratingCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentratingComp.png );
}

#cmsFieldcommentvoteCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentvoteComp.png );
}

#cmsFieldcommentapprovationCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldcommentapprovationComp.png );
}

#cmsFieldlinktoCompStub
{
	background-image: url( ../../../Web/common/img/components/cmsFieldlinktoComp.png );
}

#userloginCompStub
{
	background-image: url( ../../../Web/common/img/components/loginComp.png );
}

#changepasswordCompStub {
    background-image: url( ../../../Web/common/img/components/changepasswordComp.png );
}

#recoverypasswordCompStub 
{
	background-image: url( ../../../Web/common/img/components/recoverypasswordComp.png );
}

#userbarCompStub
{
	background-image: url( ../../../Web/common/img/components/userbarComp.png );
}

#userregistrationCompStub
{
	background-image: url( ../../../Web/common/img/components/userregistrationComp.png );
}

#userprofileCompStub
{
	background-image: url( ../../../Web/common/img/components/userprofileComp.png );
}

#useraddressbookCompStub
{
	background-image: url( ../../../Web/common/img/components/useraddressbookComp.png );
}

#ecCatalogCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCatalogComp.png );
}

#ecOfferboxCompStub
{
	background-image: url( ../../../Web/common/img/components/ecOfferboxComp.png );
}

#ecCatalogsearchresultsboxCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCatalogsearchresultsboxComp.png );
}

#ecCatalogsearchandfilterCompStub
{
	background-image: url( ../../../Web/common/img/components/sitesearchComp.png );
}

#ecProductCompStub
{
	background-image: url( ../../../Web/common/img/components/ecProductComp.png );
}

#ecCartCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCartComp.png );
}

#ecCartCustomCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCartCustomComp.png );
}

#ecGiftselectionCompStub
{
	background-image: url( ../../../Web/common/img/components/ecGiftselectionComp.png );
}

#ecMinicartCompStub
{
	background-image: url( ../../../Web/common/img/components/ecMinicartComp.png );
}

#ecMiniwishlistCompStub
{
	background-image: url( ../../../Web/common/img/components/ecMiniwishlistComp.png );
}

#ecContextualcategorymenuCompStub
{
	background-image: url( ../../../Web/common/img/components/ecContextualcategorymenuComp.png );
}

#ecCheckoutCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCheckoutComp.png );
}

#ecCheckoutCustomCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCheckoutCustomComp.png );
}

#ecRmaCompStub
{
	background-image: url( ../../../Web/common/img/components/ecRmaComp.png );
}

#ecRmaCustomCompStub
{
	background-image: url( ../../../Web/common/img/components/ecRmaCustomComp.png );
}

#ecReservationCompStub
{
	background-image: url( ../../../Web/common/img/components/ecReservationComp.png );
}

#ecReservationCustomCompStub 
{
    background-image: url( ../../../Web/common/img/components/ecReservationCustomComp.png );
}

#ecReservationMenuCompStub
{
	background-image: url( ../../../Web/common/img/components/ecReservationMenuComp.png );
}

#ecReservationMenuCustomCompStub 
{
    background-image: url( ../../../Web/common/img/components/ecReservationMenuCustomComp.png );
}

#ecOrdersCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCheckoutComp.png );
}

#ecCurrencychangeCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCurrencychangeComp.png );
}

#ecPopularityCompStub
{
	background-image: url( ../../../Web/common/img/components/ecPopularityComp.png );
}

#ecFieldtitleCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldtitleComp.png );    
}

#ecFielddescriptionCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFielddescriptionComp.png );  
}

#ecFieldimageCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldimageComp.png ); 
}

#ecFieldpriceCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldpriceComp.png );
}

#ecFieldquantityCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldquantityComp.png );
}

#ecFieldlinkdetailCompStub
{
	 background-image: url( ../../../Web/common/img/components/ecFieldlinkdetailComp.png );
}

#ecFieldnavigationproductsCompStub {
    background-image: url( ../../../Web/common/img/components/ecFieldnavigationproductsComp.png );
}

#ecFieldpointCompStub
{
	 background-image: url( ../../../Web/common/img/components/ecFieldpointComp.png );
}

#ecFieldratingCompStub
{
	 background-image: url( ../../../Web/common/img/components/ecFieldratingComp.png );
}

#ecFieldcommentsCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentsComp.png );
}

#ecFieldcommenttextCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommenttextComp.png );
}

#ecFieldcommentauthorCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentauthorComp.png );
}

#ecFieldcommentdateCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentdateComp.png );
}

#ecFieldcommentavatarCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentavatarComp.png );
}

#ecFieldcommentratingCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentratingComp.png );
}

#ecFieldcommentvoteCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentvoteComp.png );
}

#ecFieldcommentapprovationCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldcommentapprovationComp.png );
}

#ecFieldtextCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldtextComp.png );
}

#ecFieldaddtocartCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldComp.png );
}

#ecFieldaddtowishlistCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldaddtowishlistComp.png );
}

#ecFieldsetattributeCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldsetattributeComp.png );
}

#ecFieldautocompleteCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldautocompleteComp.png );
}

#ecFieldfiltertextCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldfiltertextComp.png );
}

#ecFieldfilterlistCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldfilterlistComp.png );
}

#ecFieldfilterindexCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldfilterindexComp.png );
}

#ecFieldfiltertreeviewCompStub
{
	background-image: url( ../../../Web/common/img/components/ecContextualcategorymenuComp.png );
}

#ecFieldfilterautocompleteCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldfilterautocompleteComp.png );
}

#ecFieldfiltersliderCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldfiltersliderComp.png );
}

#ecFieldfiltercheckboxlistCompStub {
    background-image: url( ../../../Web/common/img/components/ecFieldfiltercheckboxlistComp.png );
}

#ecSetattributefilterCompStub
{
	background-image: url( ../../../Web/common/img/components/ecSetattributefilterComp.png );
}

#ecFieldtitlecategoryCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldtitlecategoryComp.png ); 
}

#ecFielddescriptioncategoryCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFielddescriptioncategoryComp.png );  
}

#ecFieldimagecategoryCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldimagecategoryComp.png ); 
}

#ecCombinedboxCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCombinedboxComp.png );
}

#ecConfiguratorCompStub
{
	background-image: url( ../../../Web/common/img/components/ecConfiguratorComp.png );
}

#ecMexalAvailabilityCompStub
{
	background-image: url( ../../../Web/common/img/components/ecMexalAvailabilityComp.png );
}

#ecFieldnotificationOutStockCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldnotificationOutStockComp.png );
}

#ecSetproductsboxCompStub
{
	background-image: url( ../../../Web/common/img/components/ecSetproductsboxComp.png );
}

#ecCategoryCompStub
{
	background-image: url( ../../../Web/common/img/components/ecCategoryComp.png );
}

#ecListCategoryCompStub
{
	background-image: url( ../../../Web/common/img/components/ecListCategoryComp.png );
}

#ecFieldchildrencategoryCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldchildrencategoryComp.png );
}

#ecWishlistCompStub
{
	background-image: url( ../../../Web/common/img/components/ecWishlistComp.png );
}

#ecWishlistCustomCompStub
{
	background-image: url( ../../../Web/common/img/components/ecWishlistCustomComp.png );
}

#formCompStub
{
	background-image: url( ../../../Web/common/img/components/formComp.png );
}

#dynamicFormCompStub
{
	background-image: url( ../../../Web/common/img/components/dynamicFormComp.png );
}

#textfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/textfieldComp.png );
}

#passwordfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/passwordfieldComp.png );
}

#radiofieldCompStub
{
	background-image: url( ../../../Web/common/img/components/radiofieldComp.png );
}

#checkboxfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/checkboxfieldComp.png );
}

#checkboxlistfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/checkboxlistfieldComp.png );
}

#selectfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/selectfieldComp.png );
}

#datefieldCompStub
{
	background-image: url( ../../../Web/common/img/components/datefieldComp.png );
}

#daterangefieldCompStub
{
	background-image: url( ../../../Web/common/img/components/daterangefieldComp.png );
}

#captchafieldCompStub
{
	background-image: url( ../../../Web/common/img/components/captchafieldComp.png );
}

#avatarfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/avatarfieldComp.png );
}

#privacyfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/privacyfieldComp.png );
}

#headerfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/headerfieldComp.png );
}

#textareafieldCompStub
{
	background-image: url( ../../../Web/common/img/components/textareafieldComp.png );
}

#filefieldCompStub
{
	background-image: url( ../../../Web/common/img/components/filefieldComp.png );
}

#buttonfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/buttonfieldComp.png );
}

#remembermefieldCompStub
{
	background-image: url( ../../../Web/common/img/components/remembermefieldComp.png );
}

#socialloginfieldCompStub
{
	background-image: url( ../../../Web/common/img/components/socialloginfieldComp.png );
}

#ecMinicomparatorCompStub
{
	background-image: url( ../../../Web/common/img/components/ecMinicomparatorComp.png );
}

#ecFieldaddtocomparatorCompStub
{
	background-image: url( ../../../Web/common/img/components/ecFieldaddtocomparatorComp.png );
}

#ecAcomparatorCompStub
{
	background-image: url( ../../../Web/common/img/components/ecAcomparatorComp.png );
}

/*
    Wireframes
*/

.wireframe-t 
{
	outline: 1px dotted #1d9f60;  
}

.wireframe-c 
{
	outline: 1px dotted #efb168;  
}

.wireframe-co 
{
	outline: 2px dashed orange !important;    
}

.wireframe-co-off
{
	outline: 0px !important;    
}

.wireframe-r 
{
	outline: 1px solid red !important;  
}

/*
    Helpers
*/

.rounded3 
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;   
}

.rounded6 
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;   
}

.rounded8 
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;   
}

.rounded8bottom
{
	/*-moz-border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;*/   
}

.rounded10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*
    User Guidance
*/

.broken, .empty, .noconfig, .nodata, warningMsg 
{
    font-family: Tahoma !important;
    font-size: 12px !important;
    min-height: 50px !important;  
    line-height: 25px !important; 
}

.broken 
{
    margin: 5px 0px !important; 
    outline: 1px dotted red !important;
    color: #d32027 !important;
    text-shadow: 1px 1px 1px #fff !important;
}

.empty 
{
    /*background-color: rgba(224, 234, 239, 0.1) !important;*/ 
    outline: 2px dashed #6aa2ec !important; 
    color: #333 !important;
}

.noconfig 
{
    background-color: rgba(18, 202, 70, 0.1) !important; 
    outline: 1px dashed #12ca46 !important; 
    color: #333 !important;
}

.nodata 
{
    background-color: rgba(255, 165, 0, 0.1) !important; 
    outline: 1px dashed orange !important;
    color: #333 !important;
}

.warningMsg
{
    background-color: rgba(255, 165, 0, 0.1) !important; 
    outline: 1px dotted red !important;
    color: #d32027;
    height: auto !important;
}

.context-menu-list
{
    background-color: #f7f7f7 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #555555 !important;
    padding:5px;
    box-shadow: 0px 0px 5px 3px rgba(30, 30, 30, 0.3);
}

.context-menu-item.hover {
    background-color: #d6e8ff !important;
}

/*
	Overlays
*/

.component-overlay, .container-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8000 !important;
	background: rgba(155, 207, 255, 0.6) none repeat scroll 0 0;
	color: #555555 !important;
    text-shadow: none !important;   
}

.subcomponent-overlay 
{    
	position: absolute !important;
	top: 0px;
	left: 0px;
	z-index: 8000 !important;
	background: rgba(113, 187, 255, 0.6) none repeat scroll 0 0;      
}

.overlay-toolbar {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 8000 !important;
	width: 150px;
	min-height: 70px;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #f7f7f7;
	box-shadow: 0px 0px 5px 3px rgba(30, 30, 30, 0.3);
	overflow: hidden !important;	
}

.overlay-toolbar div {
	float: left;    
	width: 20px;
	height: 20px;
	margin: 0px !important;
	background-position: center center;
	background-repeat: no-repeat;	
}

.overlay-toolbar .descClass, .overlay-toolbar .desc
{
	width: 139px;
	min-height: 10px;    
	padding: 5px !important;
	margin: 0px !important;
	font-family: Tahoma !important;
	font-size: 11px !important;    
	font-weight: normal !important;
	letter-spacing: 0px;
	line-height: 20px !important;
	text-decoration: none !important;
	text-align: left;
	text-indent: 0px;
	color: #555555 !important;
	background-color: #F3F3F3 !important;
}


.overlay-toolbar .descClass img 
{
	float: left !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0px !important;
	padding: 0px !important;
	padding-right: 5px !important;
	font-style: normal !important; 
	vertical-align: middle;
	border: 0px !important;
	background-color: transparent !important;
	margin-top: 2px !important;
}

.overlay-toolbar .descName, .overlay-toolbar .descName strong
{
	width: 139px;
	min-height: 10px;
	margin: 0px !important;
	padding: 5px !important;
	font-family: Tahoma !important;
	font-size: 11px !important;
	font-style: normal !important; 
	font-weight: bold !important;
	letter-spacing: 0px;
	line-height: 20px !important;
	text-decoration: none !important;
	text-align: left;
	text-indent: 0px;
	overflow: hidden;
	color: #555555;
	background-color: #eee;
	text-shadow: 0px 0px 0px;
	height: auto;
}

.overlay-toolbar .descName strong 
{
    background-color: #d6e8ff;
    color: #707070;
    border-radius: 3px;
}

.overlay-toolbar .content, .overlay-toolbar .editform, .overlay-toolbar .showInfo, .overlay-toolbar .config, .overlay-toolbar .move, .overlay-toolbar .stopmove, .overlay-toolbar .clone,
.overlay-toolbar .chpos, .overlay-toolbar .moveup, .overlay-toolbar .movedown, .overlay-toolbar .chcon, .overlay-toolbar .delete, 
.overlay-toolbar .chcon, .overlay-toolbar .detach, .overlay-toolbar .gfx, .overlay-toolbar .gfxc, .overlay-toolbar .clean,
.overlay-toolbar .exportComp
{
	padding: 5px !important;
	width: 20px !important;
}

.overlay-toolbar .content 
{
	background-image: url( ../../../Web/common/img/common-components-content.png );  
}

.overlay-toolbar .editform
{
	background-image: url( ../../../Web/common/img/common-components-editform.png ); 
}

.overlay-toolbar .showInfo
{
	background-image: url( ../../../Web/common/img/common-components-info.png ); 
}

.overlay-toolbar .editformdistribution
{
	background-image: url( ../../../Web/common/img/common-layout-use.png ); 
}

.overlay-toolbar .config 
{
	background-image: url( ../../../Web/common/img/common-component-config.png );  
}

.overlay-toolbar .move 
{
	background-image: url( ../../../Web/common/img/common-components-move.png );  
    background-color: rgb(255, 241, 187);
}

.overlay-toolbar .moveble, .context-menu-item.icon-moveble
{
    background-image: url( ../../../Web/common/img/common-editor-fullscreen.png );  
	background-color: transparent;
}

.overlay-toolbar .stopmove, .context-menu-item.icon-stopmove
{
    background-image: url( ../../../Web/common/img/move-off.png ); 
	background-color: rgb(220, 220, 220);
}

.overlay-toolbar .clone 
{
	background-image: url( ../../../Web/common/img/common-components-clone.png );
	background-color: rgb(255, 241, 187);
}

.overlay-toolbar .detach 
{
	background-image: url( ../../../Web/common/img/common-components-detach.png );
	background-color: rgb(255, 241, 187);
}

.overlay-toolbar .chpos 
{
	background-image: url( ../../../Web/common/img/common-components-chpos.png );
	background-color: rgb(255, 241, 187);
}

.overlay-toolbar .moveup 
{
	background-image: url( ../../../Web/common/img/common-components-moveup.png );
	background-color: rgb(255, 241, 187);
}

.overlay-toolbar .movedown
{
	background-image: url( ../../../Web/common/img/common-components-movedown.png );
	background-color: rgb(255, 241, 187);  
}


.overlay-toolbar .exportComp
{
	background-image: url( ../../../Web/common/img/common-components-exportcomp.png );
	
}


.overlay-toolbar .chcon
{
	background-image: url( ../../../Web/common/img/common-components-chcon.png ); 
	background-color: rgb(255, 241, 187);
}

.overlay-toolbar .delete 
{
	background-image: url( ../../../Web/common/img/common-components-delete.png );
	background-color: rgb(255, 241, 187);
}

.overlay-toolbar .gfx, .overlay-toolbar .gfxc
{
	background-image: url( ../../../Web/common/img/common-gfx.png ); 
}

.overlay-toolbar .clean, .overlay-toolbar .clean
{
	background-image: url( ../../../Web/common/img/common-clean.png ); 
}

.overlay-toolbar .content:hover, 
.overlay-toolbar .editform:hover, 
.overlay-toolbar .showInfo:hover, 
.overlay-toolbar .config:hover, 
.overlay-toolbar .move:hover,
.overlay-toolbar .stopmove:hover, 
.overlay-toolbar .clone:hover, 
.overlay-toolbar .detach:hover, 
.overlay-toolbar .chpos:hover, 
.overlay-toolbar .delete:hover, 
.overlay-toolbar .gfx:hover, 
.overlay-toolbar .gfxc:hover,
.overlay-toolbar .moveup:hover,
.overlay-toolbar .movedown:hover,
.overlay-toolbar .exportComp:hover,
.overlay-toolbar .clean:hover
{
	background-color: #d6e8ff;
	cursor: pointer;
}

.reactivate
{
	display: block !important;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 30px !important;
	height: 23px !important;
	float: right !important;
	padding: 0px !important;
	background-color: #f9f9f9;
	border: 1px solid #f9f9f9;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}

.reactivate:hover
{
	background-color: #f9f9f9;
	border: 1px solid #333;
}

.container-overlay-drag
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -2px;
	margin-left: -2px;
	padding: 2px;
	z-index: 6000 !important;
	outline: 1px solid #94d08b;
	cursor: pointer !important;
}

.component-overlay-drag
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 6000 !important;
	outline: 3px solid #67a3cf;
	cursor: pointer !important;
}  

.component-overlay-drop {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 7000 !important;
	background: rgba(32, 97, 175, 0.1) none repeat scroll 0 0;
}

.component-overlay-droparea 
{
	background-color: rgba(194, 231, 182, 0.5) !important;	
}

.component-overlay-droparea-nomatch
{
	background-color: rgba(245, 219, 204, 0.5) !important;	
}

.ui-draggable-dragging 
{
    position: absolute !important;
}

.ui-draggable-disabled 
{
	opacity: 1;
	filter: alpha(opacity=100);
}

.label 
{
	position: absolute;
	top: 0px;
	left: -90px;
	min-width: 90px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	color: #fff;
	padding: 3px;
	cursor: pointer;
	background-color: #8FD2FF;
	border: 1px solid #141515;
	z-index: 5000 !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.label-no-overlay
{
	position: absolute;
	top: 0px;
	left: -90px;
	min-width: 90px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px;
	cursor: pointer;
	background-color: #4D9BCF;
	border: 1px solid #141515;
	z-index: 5000 !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.label-no-overlay:hover 
{
	background-color: #1F597F;
}

/*
	Component Browser
*/

#componentBrowser 
{
	position: fixed;
	display: none;
	top: 120px;
	    left: -308px;
    width: 345px;
	height: 456px;
	font-size: 11px;
	padding: 3px;
	/*border: 1px solid #c6c6c6;*/
	overflow-x: visible !important;
	overflow-y: visible !important;
	z-index: 9000 !important;
	text-shadow: 0px 0px 0px transparent !important;
}


#componentBrowserHandler 
{
	position:absolute;
	left: 315px;
	width: 24px;
    height: 24px;
	/*background: transparent  repeat-y scroll -4px -33px;*/
	background-image: url(../../site-editor/img/site-editor-slider-circle-arrow-right.png);
	background-color: transparent;
	background-repeat:no-repeat;
	
	z-index: 9000 !important;
	cursor: pointer;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	
    background-size: contain;
    margin: 4px 0px 0 -5px;

}

#componentBrowserPanel
{
	height: 345px;
	overflow-x: hidden;
	overflow-y: auto !important;
	display: none;
	width: 323px;
    height: 385px;
    padding-top:4px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 10px;
    border: 1px solid #c1c1c1;
    background: rgba(241, 241, 241, 0.6) none repeat scroll 0 0;
}

#componentBrowserTitle
{
	width: 98%;
	height: 31px;
	line-height: 30px;
	margin-left: 10px;
	text-indent: 10px;
	border: 1px solid #c1c1c1;    
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#componentBrowserTop 
{
	width: 330px;
	height: 30px;
	margin-bottom:35px;
}

#componentBrowserToolbar
{
    width: 98%;
    margin-left: 10px;
    border-color:#c1c1c1;
    border-style:solid;
    border-width:0px 1px 0px 1px;
    height: 32px;
    border-radius: 0px;
    background-color: #f7f7f7;
    display: none;
}

#componentBrowserToolbar .overlay-toolbar 
{
	position: relative !important;
	width: 295px;
	height: 30px;
	min-height: 30px !important;
	margin: 0px;
	z-index: 9000 !important;
	box-shadow: none;
	background-color: transparent;
}

#componentBrowserToolbar .overlay-toolbar .descClass, #componentBrowserToolbar .overlay-toolbar .descName 
{
	display: none;
}

#componentBrowser .legend-container span
{
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: #fff;
	background-color: #94d08b;
}

#componentBrowser .legend-container .containerhandlerdisabled
{
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: #707070;
	background-color: #e0e0e0;
}

#componentBrowser .componenthandler
{
	color: #fff;
	background-color: #a0cbeb !important;
}

#componentBrowser .componenthandlerdisabled
{
	color: #fff;
	background-color: #8e9baf !important;
	cursor: default;
}

#componentBrowser .componentselected
{
	color: #fff;
	background-color: #67a3cf !important;
}

#componentBrowser .componentunassigned
{
	background-color: #f4f4f4 !important;
	border:1px solid #adb2b5;
	color: #adb2b5 !important;
	cursor: default;
}

#componentBrowser .componenthandler img 
{
    vertical-align: middle;
    margin-top: -4px;    
}

#componentBrowser .componenthandler:hover, 
#componentBrowser .containerhandler:hover
{
	background-color: #ffe7bd !important;
	color: #333 !important;
}

#componentBrowser .componenthandler-selected, 
#componentBrowser .containerhandler-selected 
{
    background-color: #71BBFF !important;
    color: #fff !important;
    font-weight: bold;
}

#componentBrowser .unselectable 
{
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: default;
}

#componentBrowser h2 
{
	padding: 1px;
	text-indent: 5px;
	background-color: #dfbb7d;
	color: #fff;
}

#componentBrowser ul
{
	position: relative;
	float: left;
	margin-left: 8px;
	width: 100%;
}

#componentBrowser ul li
{
	padding: 1px;
	text-indent: 5px;
	cursor: pointer;
	float: left;
	width: 100%;
}

.text-selectable {
     -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
    -moz-user-select: all;
    -ms-user-select: all;
    -webkit-user-select: all;
    user-select: all;
}

#componentInfo{
    position: fixed;
    display: none;
    left: 0;
    bottom: 5px;
    width: 345px;
    padding: 5px;
    z-index: 9000 !important;
    background-color: #F0F0F0;
    border: 1px solid black;
    border-radius: 3px;
    font-family: Tahoma, Verdana, Arial !important;
}
#componentInfo > div > div{
   padding: 3px;
   clear: both;
}
#componentInfo img{
    position: relative !important;
    top: 3px !important;
    padding-right: 3px !important;
    vertical-align: top !important;
}

#componentInfo .closeComponentInfo{
    font-family: Tahoma, Verdana, Arial !important;
   background-image: url(../../../Web/common/img/common-components-close.png);
   background-size: 24px;
   background-repeat: no-repeat;
   background-position-x: right;
   height: 24px;
   cursor: pointer;
    float: right;
    overflow: hidden;
    width: 30px;
}

#componentInfo span{
    font-family: Tahoma, Verdana, Arial !important;
    display: block;
    margin-left: 5px !important;
    color: #000;
    font-size: 12px !important;
}


#componentInfo label{
    font-family: Tahoma, Verdana, Arial !important;
    display: block;
    margin-left: 10px !important;
    color: #000;
    font-size: 12px !important;
}

#componentInfo strong{
    font-weight: bold !important;
    color: #000;
    font-size: 12px !important;
    font-family: Tahoma, Verdana, Arial !important;
}


    #componentInfo input, #componentInfo textarea {
         font-family: Tahoma, Verdana, Arial !important;
        display: block;
        margin-left: 10px !important;
        color: #000;
        font-size: 12px !important;

        width: calc(100% - 50px);
        border: none !important;
        box-shadow: none !important;
        background-color: transparent;
        margin: 3px 10px;
        cursor: text;
        -moz-user-select: text;
        -ms-user-select: text;
        -webkit-user-select: text;
        user-select: text;

    }

#componentInfo textarea {
    resize:none;
}


/*
	Component Distribution
*/ 

.componentDistribution #checkAllPages, #layoutDistribution #checkAllPages 
{
	background: transparent url( ../../../Web/common/img/common-page-selectall.png ) no-repeat 3px center;
}

.componentDistribution #checkAllStorePages, #layoutDistribution #checkAllStorePages
{
	background: transparent url( ../../../Web/common/img/common-store-selectall.png ) no-repeat 3px center;
}

.componentDistribution #checkAllProductPages, #layoutDistribution #checkAllProductPages
{
	background: transparent url( ../../../Web/common/img/common-store_productpage-selectall.png ) no-repeat 3px center;
}

.ui-icon-content-editor 
{
    background-image: url( ../../../Web/common/img/common-content-editor.png ) !important;
    background-position: 0px 0px !important;
}

.ui-icon-content-source 
{
    background-image: url( ../../../Web/common/img/common-content-source.png ) !important;
    background-position: 0px 0px !important;
}

.ui-icon-content-preview 
{
    background-image: url( ../../../Web/common/img/common-page.png ) !important;
    background-position: 0px 0px !important;
}

.divpreview
{
    resize: both;
    overflow:auto;
    width:630px;
    height:300px;
    background-color:#ffffff;
    border: 1px solid #cecece;
}

.editablepreview
{
    cursor: pointer !important;
    background-color: rgba(246, 198, 105, 0.498039) !important;
}

.fullscreenplaceholder
{
    background-color:#f5f5f5;
}

.cke_skin_chris .cke_dialog_body {
    z-index: 21000 !important;
}

/* BOTTONI TEMI */
#newThemesAttributes, #newTheme
{
    background: transparent url(../../../Web/common/img/common-add.png ) no-repeat 3px center;
}

#editThemesAttributes, #editTheme
{
    background: transparent url(../../../Web/common/img/common-edit.png ) no-repeat 3px center;
}

#deleteThemesAttributes, #deleteTheme
{
    background: transparent url(../../../Web/common/img/common-delete.png ) no-repeat 3px center;
}

#applyDefault, #applyTheme
{
    background: transparent url(../../../Web/common/img/common-themes-apply.png) no-repeat 3px center;	
}

#replaceAttribute
{
    background: transparent url(../../../Web/common/img/common-find.png) no-repeat 3px center;	
}

#copyTheme
{
    background: transparent url(../../../Web/common/img/common-page-copy.png) no-repeat 3px center;	
}
/****************/

/*** Dialog export componenti ***/

#exportcomponent-dlg{
    padding: 5px;
}
#exportcomponent-dlg h5{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px;
}
#exportcomponent-dlg h6 {
  font-weight: normal;
    font-size: 16px;
    margin-bottom: 7px;
}

#exportcomponent-dlg > div {
    margin: 5px 0;
}

#exportcomponent-dlg > div > label{
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
}
#exportcomponent-dlg > div > input{
    display: block;
    font-size: 16px;
    width: calc(100% - 10px);
}

#exportcomponent-isapp {
    position: relative;
    top: 2px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

#importcomponent-dlg{

}

#importcomponent-dlg h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#importcomponent-dlg .alert-info{

}

#importcomponent-dlg table{
    width: 100%;
}
#importcomponent-dlg tr{
    border-bottom:1px solid #eee;
    margin-bottom:3px;
}
#importcomponent-dlg td{
    padding: 3px;
}


#importcomponent-dlg td .btn-delete {
    background: transparent url( ../../../Web/common/img/common-delete.png ) no-repeat 3px center;
    cursor: pointer;
    padding: 10px;
    background-size: 16px;
}

#importcomponent-dlg td label {
    display: block;
    font-size:12px;
    color: #333;
}

#importcomponent-dlg td p {
    font-size: 14px;
}
#importcomponent-dlg td:last-child{
    text-align: right;
}

#importcomponent-dlg td .btn-import {
    background-color: #086fb9;
    color: #fff !important;
    padding: 5px 15px;
}

.nav-actions{
    padding: 5px;
    text-align: right;
}

.nav-actions > a {
    background-color: #086fb9;
    color: #fff !important;
    padding: 5px 15px;
    margin-left: 5px;
}

.nav-actions > a.import-componentgallery-loader {
    background-color: transparent !important;
    color: #086fb9 !important;
    cursor: none !important;
}

.nav-actions > a > i{
    display:none;
}

#theme-dlg {
    padding: 20px;
}

#theme-dlg #themes-edit-attribute-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom:10px;
}

#theme-dlg label{
    display: block;
}

#theme-dlg .buttons {
    padding: 10px;
    text-align: right;
}

.btn-action-go {
    background-color: #086fb9;
    color: #fff !important;
    padding: 5px 15px;
}

#theme-dlg label {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
}

#theme-dlg input {
    font-size: 16px;
}

/**import gallery componenti**/
#importgallerycomponent-dlg > div {
    overflow: auto;
    height: 730px;
}

#importgallerycomponent-dlg > h5 {
    padding: 5px 15px;
    font-size: 20px;
}
 

#importgallerycomponent-dlg .card {
    border: 0;
    float: left;
    width: calc(20% - 40px);
    padding: 20px;
}

#importgallerycomponent-dlg .card p{
    font-size: 14px;
    height: 60px;
    overflow: auto;
}

#importgallerycomponent-dlg .card h6{
    font-size: 14px;
    font-weight:bold;
}

#importgallerycomponent-dlg .card img{
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

#importgallerycomponent-dlg .card:nth-child(3n+1){
    clear: both;
}


#importgallerycomponent-dlg .btn-gotoapp {
    display: block;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
}

#importgallerycomponent-dlg .btn-import {
    display: block;
    background-color: #086fb9;
    color: #fff !important;
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
}

#importgallerycomponent-dlg .free {
}


#importgallerycomponent-dlg .pay {
}