body
{ 
	font-family: Arial, Tahoma, Helvetica;
    font-size:24px !important;
	font-size: inherit;
	/*margin: 0px auto;*/
	margin: 0px 40px 0px 0px;
	padding: 0px;	
	max-width:1500px;	
	/*background: #fbfbf2 url(http://www.csszengarden.com/097/page_back.gif) repeat-x fixed;  */
	/*background: url("http://cdmartin.org/Images/jesus-bkgrnd.jpg") repeat fixed;*/
	/* light green 
	background: -webkit-linear-gradient(#E0F8F7, white) repeat-y fixed; 
	background: -o-linear-gradient(#E0F8F7, white)  repeat-y fixed; 
    background: -moz-linear-gradient(#E0F8F7, white)  repeat-y fixed; 
    background: linear-gradient(#E0F8F7, white)  repeat-y fixed; 
    */
    /* light pink
    background: -webkit-linear-gradient(#FBEFF2, white) repeat-y fixed; 
	background: -o-linear-gradient(#FBEFF2, white)  repeat-y fixed; 
    background: -moz-linear-gradient(#FBEFF2, white)  repeat-y fixed; 
    background: linear-gradient(#FBEFF2, white)  repeat-y fixed;
    */
    /* light blue - Light Blue (Duc Me */
    /* My Background Start Here  
    background: -webkit-linear-gradient(#ECE0F8, white) repeat-y fixed; 
 background: -o-linear-gradient(#ECE0F8, white)  repeat-y fixed; 
 background: -moz-linear-gradient(#ECE0F8, white)  repeat-y fixed; 
 background: linear-gradient(#ECE0F8, white)  repeat-y fixed; 
    */
    /* light purple 
    background: -webkit-linear-gradient(#9900cc, white) repeat-y fixed; 
	background: -o-linear-gradient(#9900cc, white)  repeat-y fixed; 
    background: -moz-linear-gradient(#9900cc, white)  repeat-y fixed; 
    background: linear-gradient(#9900cc, white)  repeat-y fixed;
    */
    /* Red - Chrismas */
    /* My Background Start Here */background: #fbfbf2 url(https://www.memaria.net/images/page_back.gif) repeat-x fixed; 
/* My Background End Here */    
}
a 
{
    text-decoration:none;
}
.Row
{
    display: table;
    width: 100%; 
    table-layout: fixed !important; 
    border-spacing: 10px; 
    overflow:auto;
    min-width:1150px;    
}
.Column
{
    display: table-cell;    
    background-color:white;
    border:1px solid #a1a1a1; 
    box-shadow: 1px 1px 1px #888888;    
    vertical-align:top;
}
.Column1
{
    display: table-cell;
    background-color: #F5F5F5; 
    width:210px;
	max-width:210px;
    border:1px solid #a1a1a1; 
    box-shadow: 1px 1px 1px #888888;    
    vertical-align:top;
    padding-left: 10px;
    padding-right:10px;
    text-align:justify;
    text-justify:inter-word;
}
.Column1NoBorder
{
    display: table-cell;
    background-color: #F5F5F5;
    width:200px;    
    vertical-align:top;
}
.Column2
{
    display: table-cell;
    width:100%;
    min-width:600px;    
    margin-left:auto;
    margin-right:auto;       
    background-color:#F4FBFB;
    border:1px solid #a1a1a1; 
    box-shadow: 1px 1px 1px #888888;    
    vertical-align:top;
    text-align:justify;
    text-justify:inter-word;
    padding-left:10px;
    padding-right:10px;
}
/* Option1:  30%div on the left, and 70%div on the right */
.Column2L30
{
    float:left;
    padding-left:5px; 
    padding-right:5px;
    width:calc(30% - 10px); /* if add boxShadow, -15px.  Otherwise, -10px is good */        
    text-align:justify;
    text-justify:inter-word;        
    overflow-y:auto;
}
.Column2R70
{
    float:left;    
    padding-left:5px; 
    padding-right:5px;
    width:calc(70% - 10px);  /* if add boxShadow, -15px.  Otherwise, -10px is good */    
    height:200px;
    text-align:justify;
    text-justify:inter-word;        
    overflow-y:auto;
}
.Column2L30BoxShadow
{
    float:left;
    padding-left:5px; 
    padding-right:5px;
    width:calc(30% - 15px); /* if add boxShadow, -15px.  Otherwise, -10px is good */
    height:200px;         
    text-align:justify;
    text-justify:inter-word;    
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;  
    overflow-y:auto;     
}
.Column2R70BoxShadow
{
    float:left;    
    padding-left:5px; 
    padding-right:5px;
    width:calc(70% - 15px);  /* if add boxShadow, -15px.  Otherwise, -10px is good */    
    min-width:200px;   
    text-align:justify;
    text-justify:inter-word;
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;         
    overflow-y:auto;
}
/* end Option1 */
/* Option2:  50%div on the left, and 50%div on the right */
.Column2L50
{
    float:left;
    padding-left:5px; 
    padding-right:5px;
    width:calc(50% - 10px);   /* if add boxShadow, -15px.  Otherwise, -10px is good */
    height:200px;
    min-width:200px;    
    overflow-y:auto;
}
.Column2R50
{
    float:left;    
    padding-left:5px; 
    padding-right:5px;
    width:calc(50% - 10px);  /* if add boxShadow, -15px.  Otherwise, -10px is good */
    overflow-y:auto;
}
.Column2L50BoxShadow
{
    float:left;
    padding-left:5px; 
    padding-right:5px;
    width:calc(50% - 15px);   /* if add boxShadow, -15px.  Otherwise, -10px is good */
    height:200px;
    min-width:200px;    
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;   
    overflow-y:auto;
}
.Column2R50BoxShadow
{
    float:left;    
    padding-left:5px; 
    padding-right:5px;
    width:calc(50% - 15px);  /* if add boxShadow, -15px.  Otherwise, -10px is good */
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;   
    overflow-y:auto;
}
/* end Option2 */
/* Option3: 70%div on the left, and 30%div on the right */
.Column2L70
{
    float:left;
    padding-left:5px; 
    padding-right:5px;
    width:calc(70% - 10px);  /* if add boxShadow, -15px.  Otherwise, -10px is good */
    height:200px;
    min-width:200px;    
    overflow-y:auto;
}
.Column2R30
{
    float:left;    
    padding-left:5px; 
    padding-right:5px;
    width:calc(30% - 10px); /* if add boxShadow, -15px.  Otherwise, -10px is good */
    overflow-y:auto;
}
.Column2L70BoxShadow
{
    float:left;
    padding-left:5px; 
    padding-right:5px;
    width:calc(70% - 15px);  /* if add boxShadow, -15px.  Otherwise, -10px is good */
    height:200px;
    min-width:200px;    
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;   
    overflow-y:auto;
}
.Column2R30BoxShadow
{
    float:left;    
    padding-left:5px; 
    padding-right:5px;
    width:calc(30% - 15px); /* if add boxShadow, -15px.  Otherwise, -10px is good */
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;   
    overflow-y:auto;
}
/* end Option3 */
.Column3
{
    display: table-cell;
    background-color: #F5F5F5;
    right:5;
    width:200px;
    border:1px solid #a1a1a1; 
    box-shadow: 1px 1px 1px #888888;    
    vertical-align:top;    
    padding-left: 10px;
    padding-right:10px;
    text-align:justify;
    text-justify:inter-word;
}
.WordWrapper
{
    word-wrap:break-word;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    height:500px;
    overflow:auto;
    padding-right:10px;
    padding-left:10px;
    font-family:Arial, Tahoma, "Arial Unicode MS";
    font-size:14px;
}  
h1, h2
{
    text-shadow: 4px 4px 4px #A0A0A0;
} 
.boxShadow 
{
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;          
}    
.myAudioImg (
  max-width: 100px;
  height: auto;
  border-radius: 8px; 
)
#header 
{
        /*
        * Old Banner: http://www.memaria.net/images/bannerBlue.gif
        * Blue Banner: http://www.memaria.net/images/BannerBlue.jpg
        * Gold Banner:  http://www.memaria.net/images/BannerGold.jpg
        * Pink (Mua Vong) Banner:  http://www.memaria.net/images/BannerPink1.jpg
        * Purple (Mua Vong) Banner:  http://www.memaria.net/images/BannerPurple.jpg
        * Pink and Purple (Mua Chay) Banner:  http://www.memaria.net/images/BannerPink2.jpg
        * Red Christmas Banner:  http://www.memaria.net/images/BannerRed2.jpg
        * Gold Christmas Banner:  http://www.memaria.net/images/BannerGoldXMas.jpg
        * Green (Thuong Nien) Banner: http://www.memaria.net/images/BannerGreen.jpg
        * Light Blue (Duc Me) Banner: http://www.memaria.net/images/BannerLightBlue.jpg
     *** Light Blue (Duc Me Man Coi) with Rosary:  http://www.memaria.net/images/LightBlueBannerWithRosary.jpg   *** Default ***
        * Red (Tuan Thanh) Banner:  http://www.memaria.net/images/BannerRed.jpg
        * Red1 (Tuan Thanh) Banner:  http://www.memaria.net/images/BannerRed1.jpg
        * White (Phuc Sinh) Banner:  http://www.memaria.net/images/BannerWhite.jpg
        * Phuc Sinh) in May:  http://www.memaria.net/images/PhucSinhInMay.jpg
        * Xuan - Tet:  http://www.memaria.net/images/BannerXuan.jpg
        * Long Thuong Xot Chua:  http://www.memaria.net/images/BannerLTX.jpg
        */
      /* My Banner Header Starts Here */
background: url(https://www.memaria.net/images/bannerBlue.gif) no-repeat;
    /* My Banner Header Ends Here */
        background-size: 100% 100%;         
        min-height:100px;                                   
        padding: 3px 0 0 3px;
        position:relative;
}
.HeaderContent
{	    
	    text-align:center;	    
        bottom:0;
        height:35px;        
        position:absolute;
        width:100%;
        font-weight:bold;
        font-family:Times New Roman, Arial, Tahoma, Helvetica;
        font-size:12px;
        color:Blue;
}
.WidgetHeaderBackground 
{
    /*
    * ** Default:                                                           background: url("../images/WidgetHeader.png")  no-repeat;      	        - Light Blue (Duc Me) Banner, Light Blue (Duc Me Man Coi) with Rosary, Phuc Sinh) in May
    * Design1: top 1 - Light Blue - Right alignment:    background: url(../images/HeaderDesign1.jpg) no-repeat;	                - Light Blue (Duc Me) Banner, Light Blue (Duc Me Man Coi) with Rosary
    * Design1: top 2 - Dark Red - Right alignment      background: url(../images/HeaderDesign1.jpg) left -50px no-repeat;  	- Red Christmas Banner, Red (Tuan Thanh) Banner, Red1 (Tuan Thanh) Banner
    * Design1: top 3 - Green                                       background: url(../images/HeaderDesign1.jpg) left -100px no-repeat;  - Green (Thuong Nien) Banner
    * Design1: top 4  - Yellow                                      background: url(../images/HeaderDesign1.jpg) left -160px no-repeat; 	 - Gold Christmas Banner
    * Design2: top 1 - Blue                                          background: url(../images/HeaderDesign2.jpg) left -15px no-repeat;  	 - Blue Banner, Light Blue (Duc Me) Banner
    * Design2: top 2 - Red                                           background: url(../images/HeaderDesign2.jpg) left -55px no-repeat;  	    - White (Phuc Sinh) Banner
    * Design2: top 3 - Purple                                       background: url(../images/HeaderDesign2.jpg) left -100px no-repeat;  	- Purple (Mua Vong) Banner, Pink and Purple (Mua Chay) Banner
    * Purple                                                                  background: url(../images/TabHeader2.jpg) no-repeat;                            - Pink (Mua Vong) Banner
    * Dark Purple                                                         background: url(../images/TabHeader3.jpg) no-repeat;  
    * Design2: top 3 - Blue Green                               background: url(../images/HeaderDesign2.jpg) left -142px no-repeat;  	 - Old Banner, Green (Thuong Nien) Banner
    * Design3: top 1 - Green                                       background: url(../images/HeaderDesign3.jpg)  no-repeat;                       - Green (Thuong Nien) Banner
    * Design3: top 2 - light brown                                background: url(../images/HeaderDesign3.jpg) left -42px no-repeat;  	 
    * Design3: top 3 - Orange                                     background: url(../images/HeaderDesign3.jpg) left -84px no-repeat;  	    - Gold Banner, Xuan - Tet
    * Design3: top 4 - Light Blue                                 background: url(../images/HeaderDesign3.jpg) left -126px no-repeat;  	 -****** Light Blue (Duc Me) Banner, Light Blue (Duc Me Man Coi) with Rosary, Phuc Sinh) in May
    * Design3: top 5 - Red                                           background: url(../images/HeaderDesign3.jpg) left -168px no-repeat;  	
    * Design3: top 6 - Red Purple                               background: url(../images/HeaderDesign3.jpg) left -210px no-repeat;  	 
    * Design3: top 7 - Blue Green - Right alignment   background: url(../images/HeaderDesign3.jpg) left -252px no-repeat;       - Old Banner, 
    * Design3:  top 8 - Black Gray                               background: url(../images/HeaderDesign3.jpg) left -294px no-repeat; 
    * Design3:  top 9 - Red                                          background: url(../images/HeaderDesign3.jpg) left -336px no-repeat;  	 
    * Design3:  top 10 - Gray                                       background: url(../images/HeaderDesign3.jpg) left -378px no-repeat;  	 
    */     
    /* My Tab Header Start Here */background: url(https://www.memaria.net/images/HeaderDesign1.jpg) left -100px no-repeat;/* My Tab Header End Here */
    line-height: 40px;    
    width:200px;				           
    box-shadow: 3px 3px 1px #888888;
}
.WidgetHeaderTitle
{
    color: white;
    font-weight: bold;
    font-size: 12px;    
	text-transform: uppercase;		
    margin-top:2px;
    margin-bottom:2px;
	/* -- left alignment -- */
	margin-left:10px;  
	/* -- right alignment --
    text-align:right;
    margin-right:10px;         */
}    
/* Google Search Start */
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 
{
    height: 8px !important;
    margin-top: 0 !important;
    min-width: 8px !important;
    padding: 5px 8px !important;
    width: 8px !important;    
}
.cse input.gsc-input, input.gsc-input
{
    background-image: url("../images/GoogleSearchLogo.jpg") !important;        
    background-repeat:no-repeat;        
    background-color:#fff;        
    padding:5px 0 0 15px;
    display:block;
    float:left;
}
.cse intput.gsc-input:focus, input.gsc-input:focus 
{
    background-image: none !important;
}
/* Google Search End */
.GioKinhPhungVuHeader 
{
    font-weight:bold;
    font-family:Times New Roman, Arial, Tahoma, Helvetica;
    font-size:medium;
    background-image: url("http://www.memaria.net/images/foldericon.jpg") ;
    background-repeat:no-repeat;
    background-size: 15px;
    cursor:pointer;
    color:navy;
    padding-left:25px;
    vertical-align:text-top;        
}
.GioKinhPhungVuHeaderMinor
{
    font-weight:bold;
    font-family:Times New Roman, Arial, Tahoma, Helvetica;
    font-size:medium;
    background-image: url("http://www.memaria.net/images/arrow-right.gif") ;
    background-repeat:no-repeat;        
    cursor:pointer;
    color:Blue;
    padding-left:15px;
    vertical-align:text-top;
}
.image100
{ 
	width:100px;
	height:120px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
    border: 0;
    box-shadow: 3px 3px 1px #888888;     
}
.image250
{ 
	width:200px;
	height:250px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
    border: 0;
    box-shadow: 3px 3px 1px #888888;     
}
.image200x150
{
    width:200px;
	height:150px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
    border: 0;
    box-shadow: 3px 3px 1px #888888;     
}  
.image50
{
    width:50px;
	height:65px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
    border: 0;
    box-shadow: 3px 3px 1px #888888; 
    margin-right:10px;
}
.imgHorizontalFlip, #shortcut  {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
.divScroll 
{
    text-align:justify;
    text-justify:inter-word;        
    height:700px;
    overflow:auto; 
    padding-left:10px; 
    padding-right:10px; 
    background-color:#F4FBFB;
    font-size:50px !important ;
	font-size: inherit;
    font-family: Arial, Tahoma !important;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
}
.divTwoColumns
{
        padding: 1em;
        -moz-column-count: 2;
        -moz-column-gap: 5em;
        -webkit-column-count: 2;
        -webkit-column-gap: 5em;
        column-count: 2;
        column-gap: 5em;
        text-align:justify;
        text-justify:inter-word;
}
.divStandardForLeftSideNews
{
    text-align:justify;
    text-justify:inter-word;
    clear:both; 
    padding-top:20px;
    padding-bottom:20px;
}
.ContentLeftColumn
{
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888;    
    font-size:12px;
    font-family:Times New Roman, Arial, Tahoma, Helvetica;
    width:200px;
    padding-left:5px;
    line-height:25px;
}
.ContentRightColumn
{
    text-align:justify;
    text-justify:inter-word;
    width:200px;
    padding-left:5px;
    padding-right:5px;       
    border:1px solid #a1a1a1; 
    border-radius:5px;    
    box-shadow: 3px 3px 1px #888888; 
}  
.BaiDocContent
{
    text-align:justify;
    text-justify:inter-word;
    font-size:50px ;
	font-size: inherit;
    font-family: Arial, Tahoma !important;
    padding-left:10px; 
    padding-right:10px;
    background-color:White;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
    border-bottom-right-radius: 2em;
}
.VideoSideBlackScreen
{
    width: 640px; 
    height:360px; 
    background-color:Black;
}
.VideoSideBlackScreenNew
{
    width: 853px; 
    height:480px; 
    background-color:Black;
    -webkit-box-shadow: 10px 10px 10px #777;
    -moz-box-shadow: 10px 10px 10px #777;
    box-shadow: 10px 10px 10px #777;
}
.VideoSizeSmall
{
    width:200px;
    height:120px;
    -webkit-box-shadow: 0 5px 5px #777;
    -moz-box-shadow: 0 5px 5px #777;
    box-shadow: 0 5px 5px #777;
}
.VideoSizeLarge
{        
    width:640px;
    height:360px;
    -webkit-box-shadow: 10px 10px 10px #777;
    -moz-box-shadow: 10px 10px 10px #777;
    box-shadow: 10px 10px 10px #777;
}    
.VideoSizeLargeNew
{        
    width:853px;
    height:480px;
    -webkit-box-shadow: 10px 10px 10px #777;
    -moz-box-shadow: 10px 10px 10px #777;
    box-shadow: 10px 10px 10px #777;
}   
.VideoSizeMedium
{        
    width:610px; /*400px;*/
    height:320px;/*250px;*/
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
}   
.figureVideo  
{
    float: left;
    display:inline-block;
    margin: 50px;
    width:150px;
    height:100px;
}
.imgVideo 
{
  border: 1px solid #323232;
  padding: 5px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 3px 3px 5px rgba(50, 50, 50, .5);
}
.imgVideo, figcaption
{
    width:150px;
}
/* Alternate Row in a table Start */
#New_amp_grid 
	{ 
	    width:100%; 
	} 
#New_amp_grid tr.row0 
	{ 
	    background-color:#E7E7E7; 
	     font-size:14px;    
	    vertical-align:top;
	    padding:5px; 
	    border:1px solid #FFF; 	
	} 
#New_amp_grid tr.row1
	{ 	    
	     font-size:14px;    
	    vertical-align:top;
	    padding:5px; 
	    border:1px solid #FFF; 	
	} 
#New_amp_grid tr.row0 td, #New_amp_grid tr.row1 td 
	{ 
	    padding:5px; 
	    border:1px solid #FFF; 	
	    font-size:12px;    
	    vertical-align:top;
	}
.amp_grid 
	{ 
	    width:100%; 
	} 
.amp_grid tr.row0 
	{ 
	    background-color:#E7E7E7; 
	     font-size:14px;    
	    vertical-align:top;
	    padding:5px; 
	    border:1px solid #FFF; 	
	} 
.amp_grid tr.row1
	{ 	    
	     font-size:14px;    
	    vertical-align:top;
	    padding:5px; 
	    border:1px solid #FFF; 	
	} 
.amp_grid tr.row0 td, .amp_grid tr.row1 td 
	{ 
	    padding:5px; 
	    border:1px solid #FFF; 	
	    font-size:12px;    
	    vertical-align:top;
	}		
/* Alternate Row in a table End */
.SendEmailBox
{
    border:1px solid #a1a1a1;
    border-radius:25px;
    box-shadow: 3px 3px 1px #888888; 
    width:420px;
}
.AudioSmall
{
    width: 195px;
    height:35px;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #006773;
    -webkit-box-shadow:  2px 2px 4px 0px #006773;
    box-shadow: 2px 2px 4px 0px #006773;
    -moz-border-radius:7px 7px 7px 7px ;
    -webkit-border-radius:7px 7px 7px 7px ;
    border-radius:7px 7px 7px 7px ;
    preload:none;
}
.CommentSize
{
    width:650px;
    height:800px;
    text-align:left;
}
#myTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#myTable td, #myTable th {
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: top;
}
#myTable tr:nth-child(even){background-color: #f2f2f2;}
#myTable tr:hover {background-color: #ddd;}
#myTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #AA7404;
  color: white;
}