/*IMPORTANT Make sure you save the css file before updating the plugin. Updating the plugin will overwrite all files in the plugin folder!!!! */


.scu-readmore {
 font-style:italic;
 font-size: 14px;
}

/*title and excerpt can be set seperately for each layout ------------------------ */
.scu-title-layout1 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout1 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout2 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout2 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout3 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout3 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout4 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout4 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout5 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout5 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout6 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout6 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout7 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout7 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout8 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout8 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout9 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout9 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout10 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout10 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout11 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout11 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout12 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout12 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout13 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout13 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout14 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout14 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout15 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout15 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout16 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout16 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout17 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout17 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout18 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout18 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout19 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout19 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-title-layout20 {
 font-size: 16px;
 color:#4F2991;
 line-height: 115%;
 font-weight: bold;
 display: block;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}
.scu-excerpt-layout20 {
 font-size: 14px;
 color: black;
 line-height: 125%;
 font-weight: normal;
 display: block;
   
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}






/*valid for all layouts below -----------------------------------------------------------*/




/*bg javascript mode*/
.scu-background0 {
 background:#F0F1F5; 
 
 vertical-align:top; 
 //z-index:1 !important;

 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;

 padding:4px !important;
 margin: 0px 0px 0px 0px !important;
}

/*css effect mode*/
.scu-background1 {
 vertical-align:top; 

 padding:6px !important;
 margin: 0px !important;
 
 background:#E6E8F2;

 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;
  
 border-radius: 4px;
 box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);
 background-image: linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;
 background-image: -o-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;
 background-image: -moz-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;
 background-image: -webkit-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;
 background-image: -ms-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;
}

.scu-background2 {
 vertical-align:top; 

 padding:6px !important;
 margin: 0px !important;
 
 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;
 
background-image: linear-gradient(bottom, rgb(233,235,242) 41%, rgb(247,252,255) 100%) !important;
background-image: -o-linear-gradient(bottom, rgb(233,235,242) 41%, rgb(247,252,255) 100%) !important;
background-image: -moz-linear-gradient(bottom, rgb(233,235,242) 41%, rgb(247,252,255) 100%) !important;
background-image: -webkit-linear-gradient(bottom, rgb(233,235,242) 41%, rgb(247,252,255) 100%) !important;
background-image: -ms-linear-gradient(bottom, rgb(233,235,242) 41%, rgb(247,252,255) 100%) !important;

}

.scu-overimage {
 font-size: 11px;
 font-weight: bold;
 color: black;
 line-height: 110%;
 text-align:left; 

 font-family:Arial, sans-serif, Geneva;
 left: 0px;
 width:96%;
 position:absolute;

 z-index:10000;
 top:0px;
 background-color: #ffffff;
 opacity:0.9;
 filter: alpha(opacity = 90);

 padding: 2px 2% 2px 2% !important;
 margin: 0px 0px 0px 0px !important;
}




/*elements ----------------------------------------*/
.scu-categories {
 font-size: 12px;
 color: gray;
 line-height: 110%;
 
 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top;
 
 display: block;
   
 padding:0px 0px 0px 0px !important; 
 margin: 0px 0px 0px 0px !important;
}

.scu-tags {
 font-size: 11px;
 color:#6C6FB8;
 line-height: 110%;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top;
 
 display: block;
 
 padding:0px 0px 0px 0px !important; 
 margin: 0px 0px 0px 0px !important;
}

.scu-postinfo {
 font-size: 11px;
 color: gray;
 line-height: 110%;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top;
 
 display: block;
   
 padding:0px !important;
 margin: 0px 0px 0px 0px !important;
}

.scu-postinfob {
 font-size: 11px;
 color: gray;
 line-height: 110%;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 
 
 display: block;
   
 padding:0px !important;
 margin: 0px 0px 0px 0px !important;
}

.scu-author-bio {
 font-size: 14px;
 color:#4F2991;
 line-height: 125%;
 font-weight: normal;
 display: block;

 font-style:italic;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 0px 0px !important;
}

/* img 1 */
.scu-img {
 border: 0px;
 border-width:0px;
 border-style:none;
 position: relative;
 no-repeat center; ;
 vertical-align:top; 
 
 z-index:102 !important;
 clear:none;
 
 padding:0 !important; 
 margin: 0px 0px 0px 0px !important;
 
 outline: 0 !important;
 max-width: none !important;
 max-height: none !important;
}

/* img 2 */
.scu-imgb {
 border: 0px;
 border-width:0px;
 border-style:none;
 position: relative;
 no-repeat center; ;
 vertical-align:top; 
 
 z-index:103 !important;
 clear:none;

 padding:0 !important; 
 margin: 0px 0px 0px 0px !important;
 
 outline: 0 !important;
 max-width: none !important;
 max-height: none !important;
 
 
 /*specifics for the second image*/
 position:absolute;
 left:0px !important;
 top:0px !important;
 
 background-color:#ffffff;
 opacity:0;
 filter: alpha(opacity = 0);
}

.scu-galleria {
 border: 0px;
 border-width:0px;
 border-style:none;
 position: relative;
 no-repeat: center; ;
 vertical-align: top; 
 
 z-index:102 !important;
 display: inline;
 clear:none;

 padding:0 !important; 
 margin: 0px 6px 0px 0px !important;
 
 outline: 0 !important;
 max-width: none !important;
 max-height: none !important;
}

























.scu-title {
 font-size: 18px;
 color:#BBB9C7;
 line-height: 125%;
 font-weight: bold;
 text-transform: uppercase;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 10px 0px 6px 0px !important;
}

.scu-test {
 font-size: 11px;
 color: red;
 line-height: 115%;

 font-family:Arial, sans-serif, Geneva;
 text-decoration:none;
 text-indent:0px;
 text-align:left; 
 vertical-align:top; 

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 4px 0px !important;
}








.scu-embed-left {
 border: 0px !important; 
 float:left !important;
 background:transparent !important;
 padding:0px !important; 
 margin: 0px 10px 2px 0px !important;
}

.scu-embed-right {
 border: 0px; 
 float:right;
 background:transparent !important;
 padding:0px !important; 
 margin: 0px 0px 2px 10px !important;
}

.scu-clear {
 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;
 position: relative!important;
 no-repeat center !important; 
 vertical-align:top !important; 
 
 background:transparent !important;

 clear:none !important;
 margin:0px !important;  
 padding:0px !important; 
 outline:0 !important;
 max-width: none !important;
 max-height: none !important;

 position:absolute;
}





/*vertical space between posts*/
.scu-vpostspace1 {
 width: 100%;
 vertical-align:top; 
 max-width:100%; 
 max-height:100%;
 background:transparent !important;

 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;

 padding:0px 0px 0px 0px !important; 
 margin: 0px 0px 10px 0px !important;
}

/*vertical space between posts - compact*/
.scu-vpostspace2 {
 width: 100%;
 vertical-align:top; 
 max-width:100%; 
 max-height:100%;
 background:transparent !important;

 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;

 padding:0px 0px 0px 0px !important; 
 margin: 0px 0px 2px 0px !important;
}


/* vertical space between layouts*/
.scu-layoutspace {
 width:100%;
 color: gray !important;

 padding:0px 0px 0px 0px !important;
 margin: 14px 0px 14px 0px !important;
}

/*vertical space between elements*/
.scu-elementspace {
 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;

 padding:0px 0px 0px 0px !important;
 margin: 0px 0px 6px 0px !important;
}

/*horisontal space between posts*/
.scu-hpostspace {
 width:10px;
 max-width:10px;
 background:transparent !important;

 border: 0px !important;
 border-width:0px !important;
 border-style:none !important;

 padding:0px 0px 0px 0px !important; 
 margin: 0px 0px 0px 0px !important;
}












/* popup & overimage ---------------------------------------------------------- */
.scu-imgtext {
 /*
 text-overflow:ellipsis ;
 overflow:auto !important;
 */

 text-decoration:none!important;
 font-size: 14px;
 font-weight: bold;
 color: black;
 line-height: 110%;
 text-align:left; 
 font-family:Arial, sans-serif, Geneva;
 
 width:40%;
 height: auto;
 max-width:none !important;
 
 opacity:0.0;
 filter: alpha(opacity = 0);
   
 position:absolute;
 left:7%;
 top:10%;
 
 z-index:10002;
 display:none;

 padding: 0%;
 margin: 0px 0px 0px 0px;
}

/* popup bg */
.scu-imgbg {

 box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);

 left:2%;
 top:5%;
 
 width:50%;
 height:90%;

 border-radius: 10px;
 
 max-width:none !important;
   
 position:absolute;

 z-index:10001;
 display:none;
 
 background-color:#ffffff;
 opacity:0.0;
 filter: alpha(opacity = 0);

 padding: 0%;
 margin: 0px 0px 0px 0px;
}

.scu-icon {
 position:absolute !important;
      
 right:10% !important;
 top:50% !important;
  
 width:48px;
 height:48px;
 
 z-index:10003;
 padding: 0px;
 margin: -24px 0px 0px 0px;
   
 display:none;
}














/*admin layout example*/
.scu-admin {
 background-color: white;
 z-index: 10000;
 width: 100%;
 align:left; 
 vertical-align:top; 
 border-color:#FAFAFA;
 border-style:solid;
 border-width:10px;
 max-width:100%; 
 max-height:100%;
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
 padding:10px;

 position: absolute;
 left: 600px;

 padding:0px 0px 0px 0px !important; 
 margin: 0px 0px 0px 0px !important;
}