/* Demo ================================================================================ */

.demo {
    z-index:99999;
    background:#ffffff;
    position: absolute;
    left:-280px;
    top:200px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}
.demo .demo-button {
    cursor: pointer;
    position: absolute;
    right:-48px;
    top:0;
    width:48px;
    height:48px;
    border: 1px solid #cecece;
    border-left:none;
    background:url(../images/options.png) center 12px no-repeat #eeeeee;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
 }
.demo .demo-content {
    background:#f9f9f9;
    border: 1px solid #cecece;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    width:280px;
    color: #aeaeae;
   
}
.indent-demo-content { padding: 0 10px 20px 20px;}
.demo .demo-content h2 { 
    font-size:14px;
    text-transform:uppercase;
    color: #262626;
    background: #eeeeee;
    font-weight:bold;
    position: relative;
    margin: 0 0 0 0px;
    padding: 20px 0 13px 20px;
}
.demo .demo-content h3 {
    padding: 20px 0 0 0;
}
.demo .demo-content a {
    color: #aeaeae;
}
.demo .demo-content a:hover {
    color: #aeaeae;
}
.demo .demo-content a.doc-online {
    font-size:16px;
    font-weight:bold;
    font-style:italic;
}
.demo .demo-content a.logo {
    display: block;
    width:241px;
    height:93px;
    background:url(../images/logo.png) 0 0 no-repeat;
    margin: 0 5px 0 5px;
}

.demo-paterns,
.demo-schemes {overflow: hidden;}

.demo-paterns a,
.demo-schemes a {
    float: left; 
    display: block; 
    width:32px; 
    height:32px; 
    border: 2px solid #d1d1d1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 5px 5px 0;
    background: #fff;
}
.demo-paterns a:hover,
.demo-schemes a:hover {border-color: #b8b8b8;}

/* Background Paterns */
.demo-paterns a.degreee_fabric {background:url(../../images/paterns/45degreee_fabric.png) center top repeat !important;}
.demo-paterns a.degree_gray {background:url(../../images/paterns/60degree_gray.png) center top repeat;}
.demo-paterns a.beige_paper {background:url(../../images/paterns/beige_paper.png) center top repeat;}
.demo-paterns a.bgnoise_lg {background:url(../../images/paterns/bgnoise_lg.png) center top repeat;}
.demo-paterns a.bright_squares {background:url(../../images/paterns/bright_squares.png) center top repeat;}
.demo-paterns a.brushed_alu {background:url(../../images/paterns/brushed_alu.png) center top repeat;}
.demo-paterns a.cardboard {background:url(../../images/paterns/cardboard.png) center top repeat;}
.demo-paterns a.circles {background:url(../../images/paterns/circles.png) center top repeat;}
.demo-paterns a.concrete_wall_2 {background:url(../../images/paterns/concrete_wall_2.png) center top repeat;}
.demo-paterns a.concrete_wall_3 {background:url(../../images/paterns/concrete_wall_3.png) center top repeat;}
.demo-paterns a.cork_1 {background:url(../../images/paterns/cork_1.png) center top repeat;}
.demo-paterns a.crosses {background:url(../../images/paterns/crosses.png) center top repeat;}
.demo-paterns a.cubes {background:url(../../images/paterns/cubes.png) center top repeat;}
.demo-paterns a.diagonal-noise {background:url(../../images/paterns/diagonal.html) center top repeat;}
.demo-paterns a.diamonds {background:url(../../images/paterns/diamonds.png) center top repeat;}
.demo-paterns a.double_lined {background:url(../../images/paterns/double_lined.png) center top repeat;}
.demo-paterns a.elastoplast {background:url(../../images/paterns/elastoplast.png) center top repeat;}
.demo-paterns a.elegant_grid {background:url(../../images/paterns/elegant_grid.png) center top repeat;}
.demo-paterns a.exclusive_paper {background:url(../../images/paterns/exclusive_paper.png) center top repeat;}
.demo-paterns a.fabric_1 {background:url(../../images/paterns/fabric_1.png) center top repeat;}
.demo-paterns a.fancy_deboss {background:url(../../images/paterns/fancy_deboss.png) center top repeat;}
.demo-paterns a.felt {background:url(../../images/paterns/felt.png) center top repeat;}
.demo-paterns a.first_aid_kit {background:url(../../images/paterns/first_aid_kit.png) center top repeat;}
.demo-paterns a.gold_scale {background:url(../../images/paterns/gold_scale.png) center top repeat;}
.demo-paterns a.green_gobbler {background:url(../../images/paterns/green_gobbler.png) center top repeat;}
.demo-paterns a.grunge_wall {background:url(../../images/paterns/grunge_wall.png) center top repeat;}
.demo-paterns a.handmadepaper {background:url(../../images/paterns/handmadepaper.png) center top repeat;}
.demo-paterns a.leather_1 {background:url(../../images/paterns/leather_1.png) center top repeat;}
.demo-paterns a.light_alu {background:url(../../images/paterns/light_alu.png) center top repeat;}
.demo-paterns a.light_checkered_tiles {background:url(../../images/paterns/light_checkered_tiles.png) center top repeat;}
.demo-paterns a.light_honeycomb {background:url(../../images/paterns/light_honeycomb.png) center top repeat;}
.demo-paterns a.light_wool {background:url(../../images/paterns/light_wool.png) center top repeat;}
.demo-paterns a.littleknobs {background:url(../../images/paterns/littleknobs.png) center top repeat;}
.demo-paterns a.noise_pattern_with_crosslines {background:url(../../images/paterns/noise_pattern_with_crosslines.png) center top repeat;}
.demo-paterns a.noisy {background:url(../../images/paterns/noisy.png) center top repeat;}
.demo-paterns a.old_mathematics {background:url(../../images/paterns/old_mathematics.png) center top repeat;}
.demo-paterns a.paper_1 {background:url(../../images/paterns/paper_1.png) center top repeat;}
.demo-paterns a.paper_2 {background:url(../../images/paterns/paper_2.png) center top repeat;}
.demo-paterns a.paper_3 {background:url(../../images/paterns/paper_3.png) center top repeat;}
.demo-paterns a.paven {background:url(../../images/paterns/paven.png) center top repeat;}
.demo-paterns a.pinstripe {background:url(../../images/paterns/pinstripe.png) center top repeat;}
.demo-paterns a.polaroid {background:url(../../images/paterns/polaroid.png) center top repeat;}
.demo-paterns a.project_papper {background:url(../../images/paterns/project_papper.png) center top repeat;}
.demo-paterns a.rip_jobs {background:url(../../images/paterns/rip_jobs.png) center top repeat;}
.demo-paterns a.rockywall {background:url(../../images/paterns/rockywall.png) center top repeat;}
.demo-paterns a.roughcloth {background:url(../../images/paterns/roughcloth.png) center top repeat;}
.demo-paterns a.silver_scales {background:url(../../images/paterns/silver_scales.png) center top repeat;}
.demo-paterns a.small_tiles {background:url(../../images/paterns/small_tiles.png) center top repeat;}
.demo-paterns a.smooth_wall {background:url(../../images/paterns/smooth_wall.png) center top repeat;}
.demo-paterns a.soft_circle_scales {background:url(../../images/paterns/soft_circle_scales.png) center top repeat;}
.demo-paterns a.soft_wallpaper {background:url(../../images/paterns/soft_wallpaper.png) center top repeat;}
.demo-paterns a.square_bg {background:url(../../images/paterns/square_bg.png) center top repeat;}
.demo-paterns a.stucco {background:url(../../images/paterns/stucco.png) center top repeat;}
.demo-paterns a.subtle_freckles {background:url(../../images/paterns/subtle_freckles.png) center top repeat;}
.demo-paterns a.subtle_orange_emboss {background:url(../../images/paterns/subtle_orange_emboss.png) center top repeat;}
.demo-paterns a.vichy {background:url(../../images/paterns/vichy.png) center top repeat;}
.demo-paterns a.washi {background:url(../../images/paterns/washi.png) center top repeat;}
.demo-paterns a.wavecut {background:url(../../images/paterns/wavecut.png) center top repeat;}
.demo-paterns a.white_carbon {background:url(../../images/paterns/white_carbon.png) center top repeat;}
.demo-paterns a.white_sand {background:url(../../images/paterns/white_sand.png) center top repeat;}
.demo-paterns a.white_texture {background:url(../../images/paterns/white_texture.png) center top repeat;}
.demo-paterns a.whitey {background:url(../../images/paterns/whitey.png) center top repeat;}
.demo-paterns a.xv {background:url(../../images/paterns/xv.png) center top repeat;}

.demo-schemes .scheme-default { background:url(../images/scheme_default.gif) 0 0 no-repeat;}
.demo-schemes .scheme-pink {background: #df277e;}
.demo-schemes .scheme-red {background: #df2757;}
.demo-schemes .scheme-yellow {background: #eba91a;}

/* Showcase ============================================================================== */

.meigee-features h3.m-title { 
    font-size:16px; 
    color: #202020;
    background: #fff;
    border: 1px solid #b4b4b4; 
    padding:10px; 
    margin: 0 0 20px 0;
}
.meigee-features h4.m-title { font-size:16px; color: #202020; border-bottom: 1px solid #d2d2d2; padding: 0 0 10px 0; margin: 0 0 40px 0;}
.meigee-features a.m-more { text-decoration:underline;}
.meigee-features a.more:hover { text-decoration:none;}



/* UI Widgets */
.category-ui-widgets h3 { margin: 0 0 15px 0;}
.category-ui-widgets .indent { padding: 0 0 20px 0;}
.category-ui-widgets .col-main p { margin-bottom: 20px;}
.category-ui-widgets blockquote,
.category-ui-widgets .block-box,
.category-ui-widgets .descc {
    background: #f1f1f1;
    border:1px solid #dad6d6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 10px 0;
    padding: 20px;
}


.showcase {}
.showcase ol {
    list-style: decimal inside;
}
.showcase ol {
    line-height:22px;
}
.showcase ol .block-name,
.showcase ol .dfn {
    top: 0px ;
}

.showcase .block-name {
    background: #eaeaea;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    line-height:22px;
    padding: 0px 3px 0px 3px;
    top: -2px ;
    position: relative;
}
.showcase .dfn {
    background: #ffe9c8;
    border: 1px solid #ffdaa1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    line-height:22px;
    padding: 0px 3px 0px 3px;
    top: -2px ;
    position: relative;
}

/* Grid */
.category-grid {}
.category-grid .indent { margin-bottom: 20px;}
.category-grid .grid { 
    background: #c8e1a0;
    margin-bottom: 10px;
    padding: 2px 0 3px 0;
    line-height:16px;
}
.category-grid .grid .grid {background: #e1a4a0;}
.category-grid .grid h3 { font-weight:bold; padding-left: 5px;}
.category-grid .grid p { padding-left: 5px;}
.category-grid .grid:hover { 
    color:#fff;
    background: #73ab19;
}
.category-grid .grid:hover .grid {
    background: #b5554e;
}

/* Release Notes */
.release-notes-menu {margin-bottom: 30px;}
.release-notes-menu a { line-height:20px;}
.release-notes {
	font-size: 20px;
}
.release-notes ul.notes li {
    margin: 0 0 2px 0;
    padding: 0 0 0 70px;
    line-height:22px;
}
.release-notes ul.notes li dfn,
.release-notes ul.notes li code{
    background: #ffe9c8;
    border: 1px solid #ffdaa1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;
    line-height:22px;
    padding: 0px 3px 0px 3px;
}
.release-notes ul.notes li code {
    font-family:Monaco, monospace;
    background: #eaeaea;
    border: 1px solid #d3d3d3;
    font-weight:normal;
}
.release-notes ul.notes li::after {
    position: absolute;
    left:0;
    width:60px;
    height:20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    line-height:20px;
    text-align: center;
}
.release-notes ul.notes li.core::after {
    content:'core';
    background: #202020;
}
.release-notes ul.notes li.fix::after {
    content:'fix';
    background: #fe2712;
}
.release-notes ul.notes li.update::after {
    content:'update';
    background: #0392ce;
}
.release-notes ul.notes li.new::after {
    content:'new';
    background: #66b032;
}

/* ======================================================================================= */

/* Predefined Static Blocks */
/*.custom-footer,
.custom-footer-2,*/
.products-collection-top,
.products-collection-bottom,
.sidebar-top-block,
.sidebar-bottom-block,
/*.product-custom,*/
.product-custom-2,
.product-custom-3 {
    background: #f8f8f8;
    border:2px dashed #cccccc;
    padding: 10px;
    margin: 0 0 10px 0;
    font-style:italic;
}
/* ======================================================================================= */