/* =================================================================================================#  Copyright © 2009 by Quang Le-Viet (http://taberd.org)##  Permission to use, copy, modify, and distribute this software and its documentation#  under the terms of the GNU General Public License (GPL) is hereby granted.##  No representations are made about the suitability of this software for any purposes.#  It is provided "as is" without expressed or implied warranty.##  See the GNU General Public License (http://www.gnu.org/copyleft/gpl.html) for more details.## http://www.askapache.com/online-tools/compress-css/#------------------------------------------------------------------------------------------------ */
body {
	margin: 5px 0;
	background-color: #E0E0E0;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	background: transparent;
	line-height: 1.6em
}
a:link {
	color: #00C;
	text-decoration: underline
}
a:visited {
	color: #00C;
	text-decoration: underline
}
a:active {
	color: #00C;
	text-decoration: underline
}
a:hover {
	color: #F33;
	text-decoration: underline
}
a.mem {
	color: #606;
	text-decoration: underline
}
a.mem:hover {
	color: #F33;
	text-decoration: underline
}
a.nodet {
	color: #390;
	text-decoration: underline
}
a.nodet:hover {
	color: #F33;
	text-decoration: underline
}
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	color: #00C
}
h1 {
	font: 200% sans-serif;
	margin: 0 0 0 20px
}
h2 {
	font: 180% sans-serif
}
h3 {
	font: 160% sans-serif
}
h4 {
	font: 130% sans-serif
}
h5 {
	font: italic 140% sans-serif;
	display: inline
}
h6 {
	font: small-caps 100% sans-serif
}
.script h4 {
	font-size: 50%;
	font-weight: normal
}
.rowheader {
	margin: 10px 0 0 0;
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	color: #00C;
	display: inline
}
.article {
	font-family: "Comic Sans MS", Helvetica, Arial, Geneva, sans-serif
}


#taberdheader {
	background-image: url('/images/taberd_header.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 0 20px 0;
	border: 0px solid #999;
}
.tableheader {
	background-image: url('/images/taberd_header.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 0 20px 0;
	border: 0px solid #999;
}

.shadow {
	-webkit-box-shadow: 7px 7px 10px #aaa;
	-moz-box-shadow: 7px 7px 10px #aaa;
	box-shadow: 7px 7px 10px #aaa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.ybtitle {
	font-size: 140%;
	line-height: 12px;
	color: #00C;
	display: inline;
	text-align: center
}
.title {
	display: inline;
	color: #2052AA;
	font: 130% arial, Verdana, Helvetica, sans-serif
}



.ita {
	font-style: italic
}
img.right {
	padding: 10px 0 10px 20px
}
img.left {
	padding: 10px 20px 10px 0
}
.divider {
	padding: 20px 0;
	text-align: center
}
.subtitle {
	display: inline;
	font-size: 100%;
	font-weight: bold
}
.pagetitle {
	font: 160% sans-serif;
	font-weight: normal;
	color: #C00;
	display: inline;
	margin: 0 10px
}
.pagetitle2 {
	font: 140% sans-serif;
	font-weight: normal;
	color: #C00;
	display: inline;
	margin: 0 10px
}
.line-h2 {
	line-height: 1.8em
}
ul, ol, dl {
	margin-bottom: .5em;
	font: 12px Verdana, Helvetica, Arial, sans-serif
}
ul.blank {
	list-style-type: none
}
p {
	margin-bottom: 1em
}
.rightdiv {
	display: inline;
	text-align: right;
	float: right;
	padding: 0 30px 0 0
}
#headleft {
	left: 0;
	width: 60%;
	position: absolute;
	top: 0;
	padding-left: 1%;
	padding-right: 1%;
	margin: 15px 20px 15px 20px
}
/*---------------------------------------  wrappers  -------------------------*/

#pagewrapper, #gopywrapper, #nhantinwrapper, #timkiemwrapper, #tcwrapper, #banamwrapper, #stwrapper, 
#ntwrapper, #cxwrapper, #bxwrapper, #lolwrapper, #nhacwrapper, #vanwrapper, #danhsachwrapper, #hinhanhwrapper, 
#tbwrapper,#kyyeuwrapper,#lienketwrapper, #sreunionwrapper, #tuongnhowrapper{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	width: 99%;
	text-align: left;
	background: #fff;
	border: 1px solid #999;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: 100px 500px;
/*	background-size: cover;*/
}
#pagewrapper { background: url(/images/tb5.jpg) no-repeat center fixed;  background-size: cover; }
#tbwrapper { background: url(/images/tb5.jpg) no-repeat center fixed; background-size: cover; }
#gopywrapper { background: url(/images/bg_gop_y.jpg) fixed repeat }
#nhantinwrapper { background: url(/images/bg_nhan_tin.jpg) fixed center; background-size:cover;}
#timkiemwrapper { background: url(/images/bg_tim_kiem.jpg) fixed; background-size:cover;}
#kyyeuwrapper { 	background: url(/images/bg_ky_yeu.jpg) fixed; background-size:cover; }
#tcwrapper {	background: url(/images/bg_thay_co.jpg) fixed no-repeat}

#danhsachwrapper { background: url(/images/bg_danh_sach.jpg) fixed no-repeat; background-size:cover; }
#hinhanhwrapper { background: url(/images/bg_hinh_anh.jpg) fixed no-repeat; background-size:cover; }

#lienketwrapper { background: url(/images/bg_lien_ket.jpg) fixed no-repeat; background-size:cover; }

#banamwrapper {	background: url(/images/bg_ba_nam.jpg) fixed no-repeat; background-size: cover;}

#stwrapper {	background: url(/images/bg_st.jpg) fixed no-repeat }
#ntwrapper {	background: url(/images/bg_nt.png) }
#bxwrapper {	background: url(/images/bg_bx.jpg) }
#cxwrapper {	background: url(/images/bg_cx.jpg) no-repeat center fixed;   background-size: cover;}
#lolwrapper { background: url(/images/bg_lol.jpg) fixed no-repeat }

#nhacwrapper { background: url(/images/bg_nhac.jpg) }
#vanwrapper { background: url(/images/bg_van.jpg)  no-repeat  fixed;   background-size: cover; }

#sreunionwrapper {	background: url(/images/bg_ba_nam.jpg) fixed no-repeat; background-size: cover;}
#tuongnhowrapper {	background: url(/images/bg_tuong_nho.jpg) fixed no-repeat; background-size: cover;}

/*---------------------------------------------------------------------------------*/

#headerwrapper {
	background-color: #74A8F5;
	background: #74A8F5 url(/images/taberd_header.jpg);
	margin: 0;
	padding: 0;
	height: 100px;
}

#header {
	margin: 5px 10px 0 20px;
}
#header h1 {
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
#header a:hover {
	color: #F33;
	text-decoration: underline
}
#menupanel {
	width: 100%;
	background: url(/images/grey.gif) repeat-x;
	height: 27px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #aaa;
	float: right
}
#panel {
	background: url(/images/grey.gif) repeat-x;
	height: 27px;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #aaa;
	top: 95px;
	position: absolute
}
#subpanel {
	float: right;
	padding: 3px 30px 0 0;
	color: #00C
}
#lang {
	margin: -20px 35px 10px 0;
	width: 90%;
	height: 25px;
	text-align: right;
	float: right;
	color: #00C
}
.leftpanel {
	float: left;
	width: 10%;
	color: #00C;
	text-align: left
}
.rightpanel {
	width: 60%;
	float: right;
	color: #00C;
	text-align: left
}
.fright {
	float: right
}
.fleft {
	float: left
}
.searchtf {
	background-color: #fffFF0;
	border: 1px solid #999;
	color: #333;
	font: 11px arial, verdana, helvetica, sans-serif;
	width: auto;
	padding: 2px 3px 3px 5px;
	margin: 0
}
.btbase {
	background: url(/images/grey.gif) repeat-x;
	border: 1px solid #999;
	color: #00C;
	cursor: pointer;
	display: inline;
	font-size: 90%;
	font-weight: bold;
	padding: 0 3px 2px 3px;
	margin: 2px 0 7px 0;
	margin: 0;
	width: auto
}
.btbase:hover {
	color: #F33;
	background-color: inherit;
	border: 1px solid #999
}
#content {
	padding: 0 20px 10px 20px;
	min-height: 450px;
	font: 10pt Verdana, Helvetica, Arial, sans-serif;
	color: #000
}
#contenttc {
	padding: 0 0 10px 20px;
	min-height: 450px;
	font: 10pt Verdana, Helvetica, Arial, sans-serif;
	color: #000
}
#mainpage {
	margin: 0 200px 0 0;
	color: #222;
	_display: inline;
	!display: inline;
	text-align: left;
}
#fullpage {
	margin: 0 100px 0 0;
	color: #222;
}
#dummy {
	padding: 0;
}
#content p {
	margin: 15px 0;
	line-height: 1.8em;
	font: 10pt Verdana, Helvetica, Arial, sans-serif
}
#content h3 {
	padding: 20px 0 20px 0;
	font-size: 160%;
	line-height: 1.6em;
	color: #C61A1A;
	color: #C40E0C;
	display: inline
}
#content h4 {
	margin: 0;
	font-size: 130%;
	line-height: 1.6em;
	color: #00C;
	display: inline;
	font-weight: bold
}
#fcontent p {
	margin: 15px 0;
	font-size: 100%;
	line-height: 18px
}
#fcontent h3 {
	margin: 20px 0 10px 0;
	padding: 20px 0 20px 0;
	font-size: 180%;
	line-height: 18px;
	color: #C61A1A;
	display: inline
}
#fcontent h4 {
	margin: 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 12px;
	color: #00C;
	display: inline
}
.bcrumb {
	background-color: inherit;
	display: inline;
	font-size: 100%;
	font-weight: bold;
	color: #EC0F0F
}
.bcrumb a {
	color: #4F9849
}
.bcrumb a:hover {
	color: #F33;
	text-decoration: underline
}
#content hr {
	border-top: 1px solid #ccc;
	height: 0;
	width: 100%;
	margin: 10px 0 20px 0
}
#content li {
	line-height: 1.8em
}
.floatleft {
	float: left;
	margin-right: 10px;
}
.floatright2 {
	float: right;
	margin-bottom: 20px;
	margin-right: 20px;
	background: #fff;
}
.floatright {
	float: right;
	margin-left: 10px;
}
.box, .box2, .boximg {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 7px 7px 10px #aaa;
	-moz-box-shadow: 7px 7px 10px #aaa;
	box-shadow: 7px 7px 10px #aaa;
}
.box {
	background-color: #fffFFA;
	background: #F7F7F7 url(/images/fbg0.png) repeat;
	width: auto;
	border: 1px solid #FC3;
	margin: 20px 3%;
	padding: 5px 10px;
}
.box2 {
	background-color: #fffFF6;
	width: auto;
	border: 1px solid #95ADC6;
	margin: 10px 20%;
	padding: 10px 100px;
}
.boximg {
	background-color: #fffFF6;
	width: auto;
	border: 1px solid #95ADC6;
	padding: 2px;
}
.centerbox {
	background-color: #fffFF6;
	margin: 20px 40px 10px 30px;
	padding: 10px;
	border: 1px solid #DFE8F7;
	font-size: 100%;
	line-height: 18px;
}
.tbox1, .tbox2 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px #aaa;
	-moz-box-shadow: 3px 3px 5px #aaa;
	box-shadow: 3px 3px 5px #aaa;
	padding: 7px 25px 15px 40px;
	margin: 10px 30px 15px 15px;
	width: auto;
	line-height: 1.6em
}
.tbox1 {
	background: #F7F7F7 url(/images/bg_blue.jpg) repeat;
	border: 1px solid #006BD4
}
.tbox2 {
	background: #F7F7F7 url(/images/bg_yellow.jpg) repeat;
	border: 1px solid #C93
}
.reply {
	margin: 10px 0 10px 25px;
	padding: 15px 0 0 5px;
	border-top: 1px solid #00C
}
.replytext {
	border-left: 3px solid #ccc;
	padding: 5px 0 0 20px
}
.sres, .sboxfull, .sbox, .sboxf, .sbox50, sboxind30 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 7px 7px 10px #aaa;
	-moz-box-shadow: 7px 7px 10px #aaa;
	box-shadow: 7px 7px 10px #aaa
}
.sres {
	width: auto;
	padding: 10px;
	margin: 5px;
	border: 1px solid #ADD8E6;
	background: #F7F7F7 url(/images/fbg1.png) repeat
}
.sboxfull {
	width: auto;
	padding: 20px;
	margin: 0 10px 20px -30px;
	border: 1px solid #9DC4D8;
	background: #F7F7F7 url(/images/fbg3.png) repeat
}
.sbox {
	padding: 20px 40px;
	background: #F7F7F7 url(/images/paperbg.gif) repeat;
	border: 1px solid #FC3;

 min-width: 600px;
 max-width: 700px;
 margin: 0 auto;

}
.sbox50 {
	width: 70%;
	padding: 20px 40px;
	margin: 0 20px 20px -20px;
	background: #F7F7F7 url(/images/paperbg.gif) repeat;
	border: 1px solid #FC3;
	text-align: left
}
.sboxind30 {
	width: auto;
	padding: 30px;
	margin: 0 20px 20px -20px;
	background: #F7F7F7 url(/images/paperbg.gif) repeat;
	border: 1px solid #FC3
}
.sboxf {
	padding: 20px;
	background: #F7F7F7 url(/images/paperbg.gif) repeat;
	border: 1px solid #FC3;
	margin-left: 10%;
	margin-right: 10%
}
.mbox {
	width: auto;
	padding: 20px 40px;
	margin: 20px;
	background: #F7F7F7 url(/images/paperbg.gif) repeat;
	border: 1px solid #FC3;
}
.mbox2 {
	background-color: #fffFF6;
	width: auto;
	border: 1px solid #95ADC6;
	padding: 20px;
	margin: 20px;
}
#taberd_box{
	width: auto;
	padding: 20px 40px;
	margin: 20px 80px 20px 40px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 7px 7px 10px #aaa;
	-moz-box-shadow: 7px 7px 10px #aaa;
	box-shadow: 7px 7px 10px #aaa;

 margin: 0px auto -1px auto; 
 min-width: 600px;
 max-width: 800px;
	border: 1px solid #ADD8E6;
	background: #F7F7F7 url(/images/bg_taberd.png) center top no-repeat;
	text-indent: 2em;
}

.sbox1, .sbox2, .sbox3, .sbox4, .sbox5, .sbox6 {
	width: auto;
	padding: 20px 40px;
	margin: 20px 80px 20px 40px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 7px 7px 10px #aaa;
	-moz-box-shadow: 7px 7px 10px #aaa;
	box-shadow: 7px 7px 10px #aaa;

margin: 0px auto -1px auto; 
 min-width: 600px;
 max-width: 800px;
}
.sbox p, .sboxfull p, .sbox1 p, .sbox2 p, .sbox3 p, .sbox4 p, .sbox5 p, .sbox6 p {
	text-indent: 2em
}
.sbox1 {
	background: #F7F7F7 url(/images/fbg0.png) repeat;
	border: 1px solid #FC3
}
.sbox2 {
	border: 1px solid #ADD8E6;
	background: #F7F7F7 url(/images/fbg1.png) repeat
}
.sbox3 {
	background: #F7F7F7 url(/images/fbg5.png) repeat;
	border: 1px solid #FFA07A
}
.sbox4 {
	border: 1px solid #9DC4D8;
	background: #F7F7F7 url(/images/fbg3.png) repeat
}
.sbox5 {
	border: 1px solid #9DC4D8;
	background: #F7F7F7 url(/images/fbg4.png) repeat
}
.sbox6 {
	border: 1px solid #9DC4D8;
	background: #F7F7F7 url(/images/fbg2.png) repeat
}
.source {
	margin: 20px;
	font: italic 85% Verdana, Helvetica, Arial, sans-serif
}
#footer {
	background-color: #E3EFF9;
	background: #74A8F5 url(/images/ftbg.jpg);
	border-top: 1px solid #95ADC6;
	clear: both;
	color: #000;
	font-size: 80%;
	line-height: 1.45em;
	padding: 30px 0 0 0;
	padding: 2px 10px 8px 5px;
	text-align: center
}
#footer .left {
	float: left;
	clear: left;
	margin: 10px 0 0 5px
}
#footer .right {
	float: right;
	clear: right;
	margin: 0 0 3px 0;
}
input:focus, textarea:focus, textfield:focus, select:focus {
	border: 1px solid #F30;
}
.hr {
	border-top: 1px solid #95ADC6;
	margin: 20px 0 20px 0;
	height: 0;
	background-color: inherit;
}
.images {
	text-align: center;
}
.images img {
	margin: 1em 2em;
}
table.images a img {
	border: 1px solid #95ADC6;
	padding: 2px;
}
.s3 {
	padding: 1px 0 0 0;
	background: inherit;
}
.s5 {
	padding: 5px 0 0 0;
	background: inherit;
}
.s10 {
	padding: 10px 0 0 0;
	background: inherit;
}
.s20 {
	padding: 20px 0 0 0;
	background: inherit;
}
.s30 {
	padding: 30px 0 0 0;
	background: inherit;
}
.s50 {
	padding: 50px 0 0 0;
	background: inherit;
}
.s10n {
	padding: 10px 0 0 0;
}
.s20n {
	padding: 20px 0 0 0;
}
.h5 {
	display: inline;
	margin: 0 0 0 5px;
}
.h10 {
	display: inline;
	margin: 0 0 0 10px;
}
.h20 {
	display: inline;
	margin: 0 0 0 20px;
}
.h30 {
	display: inline;
	margin: 0 0 0 30px;
}
.url-list {
	line-height: 1.8em;
}
.indent50 {
	margin: 0 0 0 50px;
}
.indent30 {
	margin: 0 0 0 30px;
	font: inherit;
}
.ind50 {
	display: inline;
	margin: 0 0 0 50px;
}
.ind30 {
	display: inline;
	margin: 0 0 0 30px;
}
.ind20 {
	display: inline;
	margin: 0 0 0 20px;
}
.ind10 {
	display: inline;
	margin: 0 0 0 10px;
}
.pad100 {
	position: absolute;
	left: 150px;
	right: 150px;
	display: inline;
}
.pad30 {
	position: absolute;
	left: 30px;
	right: 30px;
	display: inline;
}
.tlist {
	margin: 2px 0 3px 0;
}
.tlist dt {
	cursor: pointer;
}
.tlist dt span {
	margin: 2px 0 3px 0;
}
.tlist dd {
	margin: 0;
}
html.isJS .tlist dd {
	display: none;
}
.tabberlive .tabbertabhide {
	display: none;

}
.tabberlive {
	margin: 10px 3% 10px 0;
	color: #333;
	
    min-width: 600px;
    max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.tabbber img {
	border: 5px solid #99C;
}
ul.tabbernav {
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #ccc;
	font: 12px Verdana, Helvetica, sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 6px 10px;
	margin-left: 4px;
	border: 1px solid #ccc;
	border-bottom: none;
	text-decoration: none;
	color: #00C;
	background: url(/images/tab.jpg) repeat-x;
}
ul.tabbernav li a:link a:visited {
	color: #00C;
}
ul.tabbernav li a:hover {
	color: #F30;
	background: inherit;
	border-color: #F30;
	background: url(/images/grey.gif) repeat-x;
}
ul.tabbernav li.tabberactive a {
	border-bottom: 1px solid #F7F7F7;
	color: #F33;
	font-weight: bold;
	background: #F7F7F7;
	background: #F7F7F7 url(/images/bgky.jpg) repeat;
}
ul.tabbernav li.tabberactive a:hover {
	color: #F33;
	background: #F7F7F7;
	border-bottom: 1px solid white;
	background: #F7F7F7 url(/images/bgky.jpg) repeat;
}
.tabberlive .tabbertab {
	padding: 1px;
	border: 1px solid #ccc;
	border-top: 0;
	background: #fff;
	line-height: 1.8em;
	background-color: #F7F7F7;
	background: #F7F7F7 url(/images/bgky.jpg) repeat;

    min-width: 600px;
    max-width: 800px;
	margin-left: auto;
	margin-right: auto;
 }
.tabberlive .tabbertab h2 {
	font: 140% sans-serif
}
.tabberlive .tabbertab h3 {
	display: none;
}
.tabberlive#tab2 .tabbertab {
	height: 200px;
	overflow: auto;
}
.tabbox {
	margin: 0;
	border: none;
	background-color: inherit;
	color: #555;
	text-align: left;
}
.dtt {
	padding: 6px 10px 6px 20px;
	background: #fff;
	color: #00C;
	white-space: nowrap;
	font: bold 11pt arial, verdana, helvetica, sans-serif;
}
.ddt {
	text-align: left;
	padding: 0px 20px 6px 5px;
	background: #fff;
	color: #555;
	font: 9pt arial, verdana, helvetica, sans-serif;
}
.fl {
	text-align: right;
	padding: 6px 10px 6px 20px;
	background: #fff;
	vertical-align: top;
	color: #00C;
	white-space: nowrap;
	font: bold 10pt arial, verdana, helvetica, sans-serif;
}
.fv {
	text-align: left;
	padding: 6px 20px 6px 5px;
	background: #fff;
	color: #555;
	vertical-align: top;
	font: 10pt arial, verdana, helvetica, sans-serif;
}
.tf {
	background: #fffFF0;
	border: 1px solid #BBB;
	color: #444;
	font: 12px arial, verdana, helvetica, sans-serif;
	width: auto;
	padding: 0 3px 1px 3px;
}
.tf2 {
	background: #FCFCFC;
	border: 1px solid #BBB;
	font: 12px arial, verdana, helvetica, sans-serif;
	color: #333;
	width: auto;
	padding: 0 3px 1px 3px;
}
th {
	background: url(/images/thbg.jpg);
	padding: 6px;
	color: #00C;
	text-align: center;
	white-space: nowrap;
	font: bold 13px arial, Verdana, Helvetica, sans-serif;
}
.bt {
	background: url(/images/grey.gif) repeat-x;
	cursor: pointer;
	margin: 10px 5px 5px 0;
	padding: 2px 5px;
	font: 100% arial, verdana, helvetica, sans-serif;
	color: #00C;
	width: auto
}
.bt:hover {
	color: #F33
}
.bt {
	background: url(/images/grey.gif) repeat-x;
	cursor: pointer;
	margin: 20px 5px 10px 0;
	padding: 2px 5px;
	font: bold 90% arial, verdana, helvetica, sans-serif;
	color: #00C;
	width: auto;
	border-bottom: 2px solid #BBB;
	border-right: 2px solid #BBB;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
}
.bt:hover {
	color: #F30;
	background-color: inherit;
}
.err {
	padding: 8px 20px 20px 20px;
	margin: 0 20% 20px 20%;
	color: #C00;
	background-color: #fffFD5;
	font-weight: bold;
	border: 1px solid #D98;
	width: auto;
	text-align: center;
}
.err a {
	color: #00C;
	font-weight: normal;
	text-decoration: underline;
}
.err a:hover {
	color: #F33;
	text-decoration: underline;
}
.ok {
	padding: 10px 30px;
	margin: 10px;
	color: #2BAB2B;
	background-color: #fffFF0;
	border: 1px solid #2BAB2B;
	width: auto;
	text-align: center;
	font-weight: bold;
}
.msg, .msg2, .msgpurple {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 8px #aaa;
	-moz-box-shadow: 5px 5px 8px #aaa;
	box-shadow: 5px 5px 8px #aaa;
}
.msg {
	padding: 8px 20px 10px 20px;
	margin: 0 20% 20px 20%;
	color: #2BAB2B;
	background-color: #fffFF0;
	border: 1px solid #2BAB2B;
	width: auto;
	text-align: center;
	font-size: 85%;
}
.msg2 {
	padding: 15px 20px 20px 20px;
	margin: 5px 10% 25px 10%;
	color: #2BAB2B;
	background-color: #fffFF0;
	border: 1px solid #2BAB2B;
	width: auto;
	text-align: center;
	font-size: 90%;
}
.msgpurple {
	padding: 8px 20px 10px 20px;
	margin: 0 10% 20px 10%;
	color: #93C;
	background-color: #fffFF0;
	border: 1px solid #93C;
	width: auto;
	text-align: center;
}
.notes {
	padding: 8px 20px 10px 20px;
	margin: 0 20% 20px 20%;
	color: #36C;
	background-color: #EEF4FF;
	border: 1px solid #00C;
	width: auto;
	text-align: center;
	font-size: 90%;
}
.green {
	color: #090;
	display: inline;
}
.smalltext {
	font-size: 85%;
	display: inline;
}
.smalltext70 {
	font-size: 70%;
	display: inline;
}
.smallgreen {
	font-size: 85%;
	color: #090;
	display: inline;
}
.smallblue {
	font-size: 85%;
	color: #009;
	display: inline;
}
.bluetext {
	color: #00C;
	display: inline;
}
.hili {
	font-weight: bold;
	display: inline;
}
.hiliblue {
	font-weight: bold;
	color: #00F;
	display: inline;
}
.hiligreen {
	font-weight: bold;
	color: #090;
	display: inline;
}
.hilired {
	font-weight: bold;
	color: #F30;
	display: inline;
}
.hilipurple {
	font-weight: bold;
	color: #939;
	display: inline;
}
.tdx {
	margin: 10px;
	padding: 7px;
	color: #222;
	text-align: left;
	font-size: 100%
}
.tdl {
	padding: 0;
	color: #222;
	text-align: left;
	margin: 0 auto;
}
.testbox {
	width: 100px;
	padding: 20px;
	border: 1px solid blue;
	color: red;
}
ul.star {
	list-style: url(/images/star.gif) circle;
	vertical-align: bottom;
}
ul.reddot {
	list-style: url(/images/dot_red.png) circle;
	vertical-align: bottom;
}
ul.bluedot {
	list-style: url(/images/dot_blue.png) circle;
	vertical-align: bottom;
}
ul.greendot {
	list-style: url(/images/dot_green.png) circle;
	vertical-align: bottom;
}
ul.greendot2 {
	list-style: url(/images/dot_green.png) circle;
	vertical-align: bottom;
}
ul.orange {
	list-style: url(/images/dot_orange.png) circle;
	vertical-align: bottom;
}
ul.purple {
	list-style: url(/images/dot_purple.png) circle;
	vertical-align: bottom;
}
.greendot2 li {
	padding: 1px 0;
}
.rtop, .rbottom {
	display: block;
}
.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
}
.r1 {
	margin: 0 5px;
}
.r2 {
	margin: 0 3px;
}
.r3 {
	margin: 0 2px;
}
.r4 {
	margin: 0 1px;
	height: 2px;
}
.rs1 {
	margin: 0 2px;
}
.rs2 {
	margin: 0 1px;
}
#rightcol {
	margin: 0;
	padding: 0;
	float: right;
	width: 200px;
	text-align: center;
}
#rightcol h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#rightcol h4 {
	margin: 5px 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 12px;
	color: #fff;
}
#titlesearch {
	background: url('/images/searchbt2.gif') no-repeat;
	border: 1px hidden #333;
	border: 1px outset #aaa;
	cursor: pointer;
	display: inline;
	width: 25px;
	height: 20px;
}
#titlesearch:hover {
	background: url('/images/searchbt.gif') no-repeat;
	border: 2px groove #aaa;
	cursor: pointer;
	display: inline;
	width: 25px;
	height: 20px;
}
.oddrow {
	margin: 0 20px 0 0;
	padding: 0 10px 10px 15px;
	background: #fff;
	border: 1px solid #ccc;
}
.evenrow {
	background: #F5F7FF;
	padding: 0 10px 10px 15px;
	margin: 0 20px 0 0;
	border: 1px solid #ccc;
}
.headerrow {
	background: #E1ECDA;
	margin: 10px 0 0 0;
	padding: 0 5px 5px 15px;
	border-top: 4px solid #6B90DA;
	border-bottom: 1px solid #6B90DA;
	border-left: 1px solid #6B90DA;
	border-right: 1px solid #6B90DA;
	background: #DFEFFF;
}
.oddrow2 {
	padding: 0 10px 10px 15px;
	background: #fff;
	border: 1px solid #ccc;
}
.evenrow2 {
	background: #F5F7FF;
	padding: 0 10px 10px 15px;
	border: 1px solid #ccc;
}
.evenrow2 a, .oddrow2 a {
	font-size: 85%;
}
.preface {
	margin: 10px 40px 20px 40px;
	font: 12px Verdana, Helvetica, "Lucida Grande", Arial, sans-serif;
	line-height: 1.8em;
	text-align: left;
}
.preface p {
	line-height: 1.7em;
}
.formpreface {
	margin: 10px 40px 0 40px;
	line-height: 1.8em;
	text-align: left;
}
.imgleft {
	margin: 0 20px 0 0;
}
img.inset1 {
	margin: 0 0 10px 10px;
}
img.inset2 {
	margin: 10px 30px 30px 0;
}
.g {
	display: none;
}
.edited {
	padding: 0 10% 20px 10%;
	font: 110% verdana, helvetica, Arial, sans-serif;
}
.edited p {
	text-indent: 2em;
	text-align: left;
}
p {
	text-align: left;
	line-height: 1.7em;
}
.norm {
	font-weight: normal;
	display: inline;
}
.sortable {
	border-left: 1px solid #C6D5E1;
	border-top: 1px solid #C6D5E1;
	border-bottom: none;
	margin: 0 auto 15px;
}
.sortable th {
	background: url(/images/grey.gif);
	color: #00C;
	border: 1px solid #C6D5E1;
	cursor: pointer;
	text-decoration: underline;
	padding: 4px 20px;
}
.sortable td {
	padding: 6px 8px 8px;
	border-top: 1px solid #C6D5E1;
	border-bottom: 1px solid #C6D5E1;
	border-right: 1px solid #C6D5E1;
}
.sortable .desc, .sortable .asc {
	background: url(/images/blue.gif);
	color: #fff
}
.sortable .desc hx {
	background: url(/images/desc.gif) 7px center no-repeat;
	cursor: pointer;
	padding-left: 18px;
}
.sortable .asc hx {
	background: url(/images/asc.gif) 7px center no-repeat;
	cursor: pointer;
	padding-left: 18px;
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {
	color: #F30;
}
.sortable .evenrow td {
	background: #fff;
}
.sortable .oddrow td {
	background: #EEF4FF;
}
.sortable td.evenselected {
	background: #EEF4FF;
}
.sortable td.oddselected {
	background: #BFD9FE;
}
.mail {
	-webkit-box-shadow: 3px 3px 5px 5px #aaa;
	-moz-box-shadow: 3px 3px 5px 5px #aaa;
	margin: 15px 20px 0 20px;
	background-color: #E0E0E0;
	background: transparent;
	line-height: 1.6em;
}
#mailwrapper {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	text-align: left;
	background: #fff;
	border: 1px solid #999;
	background: url(/images/paperbg.gif);
	-webkit-box-shadow: 3px 3px 5px 5px #aaa;
	-moz-box-shadow: 3px 3px 5px 5px #aaa;
	margin: 15px 20px 0 20px;
	background-color: #E0E0E0;
	background: transparent;
	line-height: 1.6em;
}
#qttwrapper{
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	text-align: left;
	background: #fff;
	border: 1px solid #ccc;
	background: url(/images/paperbg.gif);
	margin: 15px 20px 0 20px;
	background-color: #E0E0E0;
	background: transparent;
	line-height: 1.6em;
}

#qttmenu {
	float: left;
	width: 97%;
	margin: 0;
	text-align: left;
	position: absolute;
	top: 108px;
	z-index: 100;
}
#qttcontent {
	background:         url(/images/bg07.jpg) fixed;
	font:               8pt Verdana, Helvetica, Arial, sans-serif;
	background-size:cover;
	margin-left: auto;
	margin-right: auto;
}
.mail hr {
	border-top: 1px solid #aaa;
	height: 0;
	width: 100%;
	margin: 0;
}
.mail h1 {
	font: 250% sans-serif;
	margin: 0;
	color: #F33;
	font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
}
.maillink {
	padding: 5px;
	background: #F1F6FE;
	width: 120px;
	color: #00C;
	text-align: center;
	background: url(/images/bluebg.jpg) repeat-x;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	font-weight: bold;
}
.maillink:hover {
	background: url(/images/grey.gif);
	color: #F33;
	font-weight: bold;
}
.big {
	font-size: 135%;
	display: inline;
}
#mainmenu {
	float: left;
	width: 99%;
	margin: 0;
	text-align: left;
	position: absolute;
	top: 95px;
	z-index: 100;
}
.dmenu {
	height: 25px;
	background: url(/images/grey.gif) repeat-x;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	position: relative;
	border: 1px solid #aaa;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2)
}
.dmenu ul ul li h4 {
	padding: 6px 0 5px 0;
	margin: 0
}
.dmenu ul ul li h4 a {
	padding: 0;
	width: 180px;
	text-indent: 10px;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px
}
.dmenu ul {
	padding: 0;
	margin: 0;
	list-style: none
}
.dmenu ul li div {
	position: absolute;
	left: -9999px;
	top: -9999px;
	background: url(/images/wave.jpg);
	border: 1px solid #aaa;
	padding: 2px 0 7px 0;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-radius: 0 0 8px 8px
}
.dmenu ul li div ul {
	width: 190px;
	float: left
}
.dmenu ul li {
	float: left
}
.dmenu ul li a {
	display: block;
	padding: 0 20px 0 20px;
	float: left;
	line-height: 25px;
	text-decoration: none;
	color: #000
}
.dmenu ul ul li a {
	padding: 0;
	width: 190px;
	text-indent: 10px;
	line-height: 25px
}
.dmenu ul li a:hover {
	color: #fff;
	background: url(/images/blue.gif) repeat-x
}
.dmenu ul li:hover>a {
	color: #fff;
	background: url(/images/blue.gif) repeat-x;
	font-weight: bold
}
.dmenu ul ul li h4 {
	padding: 8px 0 4px 0;
	margin: 0
}
.dmenu ul ul li h4 a {
	padding: 0;
	text-indent: 5px;
	line-height: 10px;
	font-weight: bold;
	font-size: 12px
}
.dmenu ul .col1:hover {
	position: relative
}
.dmenu ul .col1:hover div {
	left: -1px;
	top: 25px;
	width: 190px
}
.dmenu ul .col2:hover {
	position: relative
}
.dmenu ul .col2:hover div {
	left: -1px;
	top: 25px;
	width: 380px
}
.dmenu ul .col3:hover {
	position: relative
}
.dmenu ul .col3:hover div {
	left: -1px;
	top: 25px;
	width: 570px
}
.dmenu ul .col4:hover {
	position: relative
}
.dmenu ul .col4:hover div {
	left: -1px;
	top: 25px;
	width: 760px
}
.dmenu ul .selected1 {
	background: url(/images/blue.gif) repeat-x;
	position: relative;
	color: white
}
.dmenu ul .selected1:hover div {
	left: -1px;
	top: 25px;
	width: 190px
}
.dmenu ul .selected2 {
	background: url(/images/blue.gif) repeat-x;
	position: relative;
	color: white
}
.dmenu ul .selected2:hover div {
	left: -1px;
	top: 25px;
	width: 380px
}
.dmenu ul .selected3 {
	background: url(/images/blue.gif) repeat-x;
	position: relative;
	color: white
}
.dmenu ul .selected3:hover div {
	left: -1px;
	top: 25px;
	width: 570px
}
.dmenu ul .selected4 {
	background: url(/images/blue.gif) repeat-x;
	position: relative;
	color: white
}
.dmenu ul .selected4:hover div {
	left: -1px;
	top: 25px;
	width: 760px
}
.dmenu ul:hover div ul ul {
	background: url(/images/blue.gif) repeat-x;
	position: absolute;
	left: -9999px;
	top: -9999px
}
.dmenu ul:hover div ul .fly:hover {
	position: relative;
	background: url(/images/blue.gif) repeat-x
}
.dmenu ul:hover div ul .fly:hover ul {
	left: 190px;
	top: -7px;
	background: url(/images/fbg6.png);
	border: 1px solid #aaa;
	padding: 6px 0;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}
div.mojomagnify_zoom {
	position: absolute;
	width: 300px;
	height: 300px;
	overflow: hidden;
	cursor: none;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
div.mojomagnify_border {
	position: absolute;
	border: 2px solid white;
	width: 300px;
	height: 300px;
	left: 0;
	top: 0;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
img.mojomagnify_img {
	padding: 0;
	border: 0
}
div.mojomagnify_zoom a {
	cursor: default
}
.magnifying {
	background: url(/images/viewmag.png) no-repeat left top;
	padding: 40px 0 0 0;
	width: 800px;
	margin: 0 auto
}
#detwrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	min-height: 800px;	
	text-align: left;
	border: 1px solid #999;
	background: #fff url(/images/paperbg.gif);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 7px #aaa;
	-moz-box-shadow: 5px 5px 7px #aaa;
	box-shadow: 5px 5px 7px #aaa;
}

.detheader {
	background-image: url('/images/taberd_header.jpg');
	border: 1px solid #aaa;
	margin: 0 auto;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#detpage {
	background: url(/images/bg_det.jpg) fixed;
	background-size:cover;
}

.dbox1 {
	background: url(/images/tb5.jpg) fixed;
	background-size: cover;
	border: 1px solid #aaa;
	margin: 10px 10%;
	width: auto;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
	
}
.dbox2 {
	background: #F7F7F7 url(/images/fbg1.png) repeat;
	border: 1px solid #aaa;
	margin: 10px 10%;
	padding: 20px;
	width: auto;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}
.dright {
	font-weight: bold;
	text-align: right
}
.fright {
	float: right
}
.section {
	color: #00C;
	white-space: nowrap;
	font: bold 140% arial, verdana, helvetica, sans-serif
}

/*----------------------------------------------------------------------------*/
/*                      Menu TST                                              */
#headmenu2 {
    margin:              0 10px 0 0;
    position:            relative;
    padding:             1px 0 0 2px;
}
#othermenu2 {
    margin:              0 10px 0 0;
    position:            relative;
    padding:             1px 0 0 85px;
}
.menu2 {
    font:               10pt Verdana,Helvetica,sans-serif;
    background:         inherit;
    width:              auto;
}
.menu2 a {
    text-decoration:    none;
}
ul.menu2 {
    list-style:         none;
    margin:             0;
    padding:            0
}
ul.menu2 * {
    margin:             0;
    padding:            0;
}
ul.menu2 a {
    display:            block;
    color:              #039;
    text-decoration:    none;
}
ul.menu2 li {
    font:               10pt Verdana,Helvetica,sans-serif;
    position:           relative;
    float:              left;
    border-bottom:      1px solid #ccc;
    margin-right:       1px;
}
ul.menu2 ul {
    position:           absolute;
    top:                26px;
    background:         #d1d1d1;
    display:            none;
/*    opacity:            0; */
    list-style:         none;
}
ul.menu2 ul li {
    font:               10pt Verdana,Helvetica,sans-serif;
    position:           relative;
    border:             1px solid #ccc;
    border-top:         none;
    width:              185px;
    margin:             0 1px 1px 0;      /* shadow */
}
ul.menu2 ul li a {
    display:            block;
    padding:            3px 5px 4px 6px;
    background-color:   #d1d1d1;
    text-decoration:    none;
    color:              #039;
    background:         white;
}
ul.menu2 ul li a:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}

ul.menu2 ul ul {
    left:               191px;
    top:                -1px;
}

/* err
ul.menu2 ul ul li a:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}
*/
ul.menu2 .menu2link  {
    padding:            5px;
    background:         #f1f6fe;
    width:              110px;
    color:              #039;
    text-align:         center;
    background:         url(/images/grey.gif);
    background:         url(/images/bluebg.jpg) repeat-x;
    background:         url(/images/tab.jpg) repeat-x;
    border-left:        1px solid #aaa;
    border-right:       1px solid #aaa;
    border-top:         1px solid #aaa;
}

ul.menu2 .menu2link:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}
ul.menu2 .sub {
    background:         #fff url(/images/arrow.gif) 190px 8px no-repeat;
}
ul.menu2 .sub:hover{
    background:         #fff url(/images/arrow2.gif)  no-repeat;
    color:              #f33;
    font-weight:        bold;
}
ul.menu2 .topline {
    border-top:         1px solid #aaa;
}
ul.menu2 .activelink {
    font-weight:        bold;
    padding:            4px 5px 6px 5px;
    width:              110px;
    color:              #fff;
    text-align:         center;
    top:                -1px;
    border-left:        1px solid #aaa;
    border-right:       1px solid #aaa;
    border-top:         1px solid #aaa;
    background-color:   #039;
    background:         url(/images/blue.gif);
}
ul.menu2 .activelink:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}