/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 */


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/ 
 /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  End css reset
	http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
 
 
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
  

/* ==========================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/*
 * Redeclare monospace font family: h5bp.com/j
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improve readability of pre-formatted text
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/*
 * Position subscript and superscript content without affecting line-height: h5bp.com/k
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* ==========================================================================
   Lists
   ========================================================================== */

 

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}


/* ==========================================================================
   Forms
   ========================================================================== */

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Indicate that 'label' will shift focus to the associated form element
 */

label {
    cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}


/* ==========================================================================
   Tables
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}


/* ==========================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Primary styles.
   Author:
   ========================================================================== */
















/* ==========================================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}



/* ==========================================================================
   Helper classes.
   Please define your styles before this section.
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
  
/* Main */ 
.grid2colC * {font: 15px  "Book Antiqua", Palatino, serif;}  
#page {width: 961px; margin: 0 auto; min-width:961px;}
#topcontainer 
{
/*	background:url(../img/paper-background.jpg) repeat;  Texture is here <--- */
	background:#FFF url(http://vn.minghui.org/img/lotus-background.jpg) bottom right no-repeat;
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
	
	-moz-border-radius: 2px 2px 2px 2px;  
	-webkit-border-radius: 2px 2px 2px 2px; 
	border-radius: 2px 2px 2px 2px; 
}
#topcontainer.home {background: #FFF !important;}

.container 
{
	border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px; 
	-moz-border-radius: 2px 2px 2px 2px;  
	width:960px; 
	padding-right: 1px;
	margin:0 auto; 
}
#header {position:relative; width:960px; height:150px; 	
	border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px; 
	-moz-border-radius: 2px 2px 2px 2px;  }
#language { position:absolute; top: 5px; right: 0px; z-index:999;
	border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px; 
	-moz-border-radius: 2px 2px 2px 2px;  }

/* SPECIAL */
#Falun-Dafa { position:absolute; top:0px; left:0px; width:auto;}

/* Menu */
#menu { position:absolute; bottom:4px; right:0px; width:720px;}
#menu ul {float:right; margin:0;}
#menu, ul, ul li, ul a, ul li a, ul input, ul div, ul p, ul textarea {
	padding: 0;
	list-style: none outside none;
	text-decoration: none;
	border: none;
	outline: none;
	 
}

#menu ul li {
	float: left;  
	margin-left:0px;  /* increase this margin for space between buttons when using button background below */
	font-weight: 14px; /* Do we need to increase */
}
#menu ul li a {
/*		background: url(../img/trans.png);  White transparent buttons */
		border-radius: 2px 2px 2px 2px; 
		-webkit-border-radius: 2px 2px 2px 2px; 
		-moz-border-radius: 2px 2px 2px 2px;  
		display:block;
		padding: 5px 12px;
		color: #EEE;
}
#menu ul li a:hover { background: url(http://vn.minghui.org/img/trans-blue.png);}
.menub {background: url(http://vn.minghui.org/img/menu-divider.png) center right no-repeat;} /* little dividers between menu items */

/* End of Header */

/*----- Slideshow -----*/



/* content styling */

.content h1 {font: 22px Roboto-Medium,  Roboto, "Book Antiqua", Palatino, serif; padding-bottom:18px; color:#D1A577;}
.content h2 {color:#59A5D8;}
.content h3 {color:#D1A577;}
.content p {font: 14px/24px  Roboto, "Book Antiqua", Palatino, serif; padding-bottom: 18px; color: #707070;}
.content a {text-decoration:none; color:#459AD3;} .content a:visited {color:#1A4A6A;}
.minimize {font-size:10px; text-transform:uppercase;}
.content a:hover {text-decoration:none; color:#22638E;}

.introduction {padding: 22px 225px 0; width: 510px;}
.home .introduction {padding: 12px 225px 16px;}
.introduction h1 {text-align: center; padding: 20px 0 !important;}
.introduction p {text-align: justify;}

.hr {background: url(hr.png) bottom center no-repeat;}
.hr1 {background: url(hr1.png) bottom center no-repeat;}
.voffset-half {padding:5px 0;} /* to define distance between rows */
								
.voffset-onehalf {padding:15px 0;} /* to define distance between rows */
.voffset-two {padding:20px 0 30px 0;} /* to define distance between rows */
.voffset-three {padding:30px 0;} /* to define distance between rows */
.voffset-four {padding:40px 0;} /* to define distance between rows */
.voffset-five {padding:50px 0;}/* to define distance between rows */
.voffset-six {padding:60px 0;} /* to define distance between rows */
.voffset-seven {padding:70px 0;} /* to define distance between rows */
.voffset-eight {padding:80px 0 0 0;}

.topoffset-one {padding-top: 10px;}
.topoffset-four {padding-top: 40px;}
.topoffset-eight {padding-top:80px;}
.topoffset-seven {padding-top:70px;}
.topoffset-six {padding-top:60px;}
.bottomoffset-two {padding-bottom:20px;}
.bottomoffset-three {padding-bottom:30px;}
.box {float: left; min-height:1px;}
/*.content {padding: 1px 0 0 1px;}*/

.full-span {width:960px;}
.half-span {width:480px;}
.third-span {width:320px;}  /* 96 boxes / 3 = 32boxes * 10px = 320px or 960/ 3 = 320px */
.fourth-span {width:240px;} 
.fifth-span {width:192px;}
.sixth-span {width:160px;}
.eighth-span {width:120px;}
.tenth-span {width:96px;}
.twelfth-span {width:80px;}
.ninetysixth-span {width:10px;}
.two-thirds-span {width:640px;}

.span-80 {width:800px}
.span-8 {width:80px;}

.span-5 {width:50px;}
.span-86 {width:860px}

.span-76 {width:760px}
.span-10 {width:100px;}

.span-52 {width:520px;}
.span-54 {width:540px;}
.span-16 {width:160px;}

.span-6 {width:60px;}
.span-84 {width:840px;}
.span-15 {width:150px;}

.span-28 {width: 280px;}
.span-40 {width: 400px;}
/*.content { padding: 1px 0 0 1px;}*/
.offset-one {padding-left:10px;}
.offset-two {padding-left:20px;}
.offset-three {padding-left:30px;}
.offset-four {padding-left:40px;}
.inner-box-span {width:280px;}

.center {text-align: center;}
.img-center {display: block; margin: 20px auto 0; }

/* Single content */
.narrow p {max-width:150px; font-size:13px; line-height:22px; min-height:130px;}
.narrow h2 {position: relative; left: -10px;  padding-bottom: 5px;}
.books {background:url(http://vn.minghui.org/img/thumbs-falun-dafa-books.png) top right no-repeat;}
.video {background:url(http://vn.minghui.org/img/thumbs-falun-dafa-videos.png) top right no-repeat;}
.local {background:url(http://vn.minghui.org/img/thumbs-falun-dafa-contacts.png) top right no-repeat;}
.row .books a, .row .books a:visited {color:#707070;}
.row .video a, .row .video a:visited {color:#707070;}
.row .local a, .row .local a:visited {color:#707070;}
.books:hover {background:url(http://vn.minghui.org/img/thumbs-falun-dafa-books.png) top right no-repeat;color:#22638E;}
.video:hover {background:url(http://vn.minghui.org/img/thumbs-falun-dafa-videos.png) top right no-repeat;color:#22638E;}
.local:hover {background:url(http://vn.minghui.org/img/thumbs-falun-dafa-contacts.png) top right no-repeat;color:#22638E;}

/* Pages tables */
.head-book h2, .row-contact h2 {text-transform:uppercase; font-weight:bold; font-size:11px;  }
.row a, .row a:visited,  .row a:active {color:#D1A577;}
.row a:hover {color:#59A5D8;}
/*.row h3 {padding: 5px 0 5px 0px;}*/



.even {color:#777;}
.even p {padding: 1px 0 1px 30px;}
.even img {padding-right:10px;}
.odd {background-color:#F6F4EE; color:#777;}
.odd p {padding: 1px 0 1px 30px;}
.odd img {padding-right:10px;}

.row sup img {position:relative; top:-3px; left:6px;}
.row sup {position:relative; top:2px; left:-8px;}

p.note {font-style: italic;}


/* footer */
p.copyright {font-size:11px; color:#777; padding: 15px 0;}
p.copyright a, .copyright a:visited {text-decoration:none; color:#777;}

#footer {margin-top: 140px; background: url(http://vn.minghui.org/img/hr1.png) top center no-repeat;}
#topcontainer.home #footer {margin-top: 0px;}
/* to be organized */

/* OLD STUFF
.column {width:280px; float:left; border:1px solid green;}
#Falun-Dafa {
	position:absolute; top:8px; left:20px;
	font: 48px  serif;
	letter-spacing:2px;
	font-variant:;
	color:#FFF;
} 
#zsr {position:absolute; left:35px; top:67px; font: 17px  serif; text-transform:uppercase; color:#FFF; line-height:168%;letter-spacing:1px;}
#zsr img {float:left; padding: 5px 12px 0 0;}
#zsr p {float:left; padding-top:2px;}


/* redefined */
.container {padding-right: 0px;}
#page {width: 960px; min-width:960px;}


/*----- Home Page -----*/

/* slideshow */
.slideshow {height: 303px; background:url(http://vn.minghui.org/img/hr2.png) no-repeat center bottom;}
#slides { border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; }
#slides img { display: none; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; }
#slides img.first { display: block;}

#nav {float:right; width:63px; position:relative; right:-3px;}
#nav a { /* Uses image replacement technique for navigation buttons of slideshow */
	float:left;
	border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background:url(http://vn.minghui.org/img/dots.png);
	height:21px;
	width:17px;
	display:block;
	position:relative;
}
#nav a.activeSlide {background: url(http://vn.minghui.org/img/dotsa.png);}
#nav a:focus {outline: none;}

/* bottom languages */
#bottom-languages table { width: 960px; }
#bottom-languages .row { padding: 15px 0; }
#bottom-languages td { text-align: left; width: 120px;  
    border-left: 1px solid rgb(153, 153, 153); 
    border-left: 1px solid rgba(153, 153, 153, .9); 
    -webkit-background-clip: padding-box; /* for Safari */ 
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ 
} 
#bottom-languages .lastcol {
    border-right: 1px solid rgb(153, 153, 153); 
    border-right: 1px solid rgba(153, 153, 153, .9); 
    -webkit-background-clip: padding-box; /* for Safari */ 
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ 
} 
#bottom-languages a {
    display:block;
    color: #fff;
    font-family: Verdana, serif;
    font-size: 11px;
    -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; 
    padding: 3px 5px;
}
#bottom-languages a:hover { background: url(http://vn.minghui.org/img/trans-blue.png); }


/*----- Introduction Page -----*/

/*----- Books Page -----*/

.row-book .row h4 { padding: 1px 0; font-style:italic;}
.row-book .row .span-title h4 {padding-left: 30px;}


/* Collapse tables */
.row-book h3 {cursor: pointer; text-decoration: none;}
.row-book a { text-decoration:none; }
.row-book.closed{height:36px; overflow: hidden; display:block;}
.row-book.open {height:auto; overflow:visible;}

.row-book .content h3 { line-height: 150%; }
.row-book .content .span-title h3 { color: #22638E; }
.row-book .content .span-title h3:hover {color: #459ad3;}
.row-book.closed .span-title h3:after { content: url(http://vn.minghui.org/img/drop_light.png); }

.recent-writings .row-book h3 a {color: #22638e;}
.recent-writings .row-book h3 a:hover {color: #459ad3;}

.head-book { margin: 10px 0px; padding: 0 0px; } 


.span-title {width:70%;}
.span-date {width:15%;}
.span-title a, .span-title span { line-height:150%; }

.row-book  .row.vspace-book { padding-top:10px; padding-bottom:7px }


/*----- Video Page -----*/

#slidetabsmenu {width: 819px; height: 40px; line-height: 40px; margin: 10px auto 0; padding: 7px 0 0 20px; background-color: #76adff;/* #4E89E3; */
	border-radius: 2px 2px 2px 2px; 
	-webkit-border-radius: 2px 2px 2px 2px; 
	-moz-border-radius: 2px 2px 2px 2px; 
}
#slidetabsmenu ul {list-style-type: none; margin:0;}
#slidetabsmenu li {display:inline;}
#slidetabsmenu a {float: left; text-decoration: none; margin-right: 10px;}
#slidetabsmenu a span {font: 18px Roboto-Medium,  Roboto, "Book Antiqua", Palatino, serif;
   line-height: 40px; padding: 0 20px; vertical-align: middle; text-align: center; display:block; color: #fff; }
#slidetabsmenu a:hover span {background-color: #fff; color: #0887c2;}
#slidetabsmenu .selected a span {background-color: #f6f4ee; color: #839ee1;}


td.centered {text-align: center !important;}
td.more-vertical-padding {padding-top: 20px !important; padding-bottom: 20px !important;}

tr.main-header th {vertical-align: middle; text-align: center; padding: 10px;
    font-size: 10px; font-weight: bold; text-transform: uppercase; color: #59a5d8;}
tr.main-header th.first {text-align: left;}

table.video-audio-table {width: 839px;}
table.video-audio-table tr.divided {border-top: 1px solid #839ee1;}
table.video-audio-table tr.odd {background-color: #f6f4ee;}

table.video-audio-table tr td {vertical-align: middle; text-align: center; padding: 6px 10px;}
table.video-audio-table tr td.first {text-align: left;}

#video-exercise-instructions, #video-9sessions {margin-top: 40px;}

#movieplayer {background:#000}

/*----- Contacts Page -----*/

/*:focus { outline: 0; }*/

.breadcrumbs {font: 10px Roboto-Medium,  Roboto, "Book Antiqua", Palatino, serif; text-transform:uppercase; padding:0 10px 10px 0;}
.breadcrums img {position:relative; top: -3px;}
.contacts h2 {font: 21px Roboto-Medium,  Roboto, "Book Antiqua", Palatino, serif; padding-bottom:18px; color:#d1a577; text-align: center;}

.row .content li {float:left; list-style:inside none;}

.row {font: 13px/15px   serif;}
h1.contact-name {border:0px solid green; padding:17px 5px 5px 5px; text-align:left;}
.row-contact h3 {cursor: pointer;}
.row-contact.closed {height: 55px; overflow: hidden; display: block;}
.row-contact.closed div:eq(1) {display: none;} /* disable tabstop for hidden datablock */
.row-contact.open {height: auto; overflow: visible;}

.row-contact.closed  a { display:none;}

.row-contact h1 {cursor: pointer; text-align:center;}
.row-contact a  {display:block; clear:both; color:#459AD3;}
.row-contact a:visited {color:#1A4A6A;}
.imap {float:left; padding: 0 30px 0 0;}
.span-table10 {width:8%; padding:1%}
.span-table15 {width:13%; padding:1%}
.span-table20 {width:18%; padding:1%}
.span-table25 {width:23%; padding:1%;} /* Table with 4 columns */
.span-table33 {width:31%; padding:1%;} /* Table with 3 columns */
.span-table34 {width:32%; padding:1%;} /* Table with 3 columns */
.span-table50 {width:48%; padding:1%;} /* Table with 2 columns */
.span-table80 {width:78%; padding:1%;}
.span-table100 {width:98%; padding:1%;} /* Table with 1 column  */

.row-contact .row {margin: 0 60px; padding: 0 10px;}
.row-contact .row.vspace-firstrow {margin-top: 10px;}
.row-contact .firstcol {font-weight:bold;}
.voffset-tablehead {padding:10px 0;}
.firstcol {font-weight:bold;}


/*==================================== Global contacts Map ====================================*/

td img {display: block;}
.map_name, .map_name a, .map_name a:visited, .map_name a:active {
	font: 16px Roboto-Medium,  Roboto, "Book Antiqua", Palatino, serif;
	color: #333;
	text-align: center;

	display:block;
}
.map_name a:hover{color:#d1a577;}

.map {background-image: url(http://vn.minghui.org/img/worldmap-falun-dafa-contacts.png);}
#map-background {top: 20px; width: 652px; height: 315px; margin: 0 auto;} 
#m-n_america {
	top:65px;
	left:55px;
	width:100px;
	height:50px;
	position:relative;
}
#m-s_america {top:95px; left:150px; width:100px; height:50px; position:relative;}
#m-europe    {
	top:90px;
	left:280px;
	width:100px;
	height:25px;
	position:relative;
}
#m-africa    {top:60px; left:280px; width:100px; height:25px; position:relative;}
#m-asia      {top:15px; left:420px; width:100px; height:25px; position:relative;}
#m-oceania   {
	top:65px;
	left:498px;
	width:100px;
	height:25px;
	position:relative;
}
/* ---- Photo page ---- */
.photo-page-chinese-translation {
    color: #D1A577;
    font: 18px Roboto-Medium,serif;
}