/* =================================================================================================
#  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:               10pt Verdana, Helvetica, Arial, sans-serif;
    background:         transparent;
    line-height:        1.6em;
}

a:link      { color:  #039; text-decoration: underline; }
a:visited   { color:  #039; text-decoration: underline; }
a:active    { color:  #039; 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:              #039;
}

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:                #039;
    display:              inline;
}
.article {
    font-family:          "Comic Sans MS",Helvetica,Arial,Geneva,sans-serif; }

.tableheader {
    background-image:     url('/images/taberd_header.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.shadow {
    box-shadow:         7px 7px 10px #aaa;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    -webkit-box-shadow: 7px 7px 10px #aaa;
    -moz-box-shadow:    7px 7px 10px #aaa;
    border-radius:         10px;
}

.ybtitle {
    font-size:            140%;
    line-height:          12pt;
    color:                #039;
    display:              inline;
    text-align:           center;
}

.title {
    display:              inline;
    color:                #2052aa;
    font:                 140%  arial,Verdana,Helvetica,sans-serif;
}

.tstsubject {
    display:              inline;
    color:                #2052aa;
    font:                 120%  arial,Verdana,Helvetica,sans-serif;
    font-weight:          bold;
}
.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: 0.5em;     font: 10pt Verdana, Helvetica, Arial, sans-serif; }

ul.blank   { list-style-type: none }

p          { margin-bottom: 1em; }

.just p {
/*    text-align:         justify; */
}

.rightdiv {
    display:            inline;
    text-align:         right;

    float:              right;
    padding:            0 30px 0 0;
}

.leftdiv {
    display:            inline;
    text-align:         left;

    float:              left;
    padding:            0 0 30px 0;
}

#headleft {
    left:               0;
    width:              60%;
    position:           absolute;
    top:                0;
    padding-left:       1%;
    padding-right:      1%;
    margin:             15px 20px 15px 20px;
}

#pagewrapper {
    margin-left:        auto;
    margin-right:       auto;
    width:              99%;
    text-align:         left;
    border:             1px solid #999;
    background: #fff        url(/images/tb5.jpg) fixed no-repeat;
}

#plain {
    background:         url(/images/bg_n.jpg) fixed no-repeat;
    width:              100%;
    padding:            20px;
    margin:            -20px 0 -20px 0;

}

#plainwrapper {
    margin-left:        auto;
    margin-right:       auto;
    text-align:         left;
    border:             1px solid #999;
    background: #fff        url(/images/bg_ndq.jpg) right top;

    width:              850px;
    margin:             30px auto;
    text-align:         left;
    padding:            10px 30px;
}

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

/* left banner */
#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/mgrey.gif) repeat-x;
    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:              #039;
}

#lang {
    margin:             -20px 35px 10px 0;
    width:              90%;
    height:             25px;
    text-align:         right;
    float:              right;
    color:              #039
}

.leftpanel {
    float:              left;
    width:      10%;
    color:              #039;
    text-align:         left;
}

.rightpanel {
    width:      60%;
    float:              right;
    color:              #039;
    text-align:         left;
}

.fright{ float: right; }
.fleft{ float: left; }

.searchtf {
    background-color:   #fffff0;
    border:             1px solid #999;
    color:              #333;
    font:               9pt 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:              #039;
    cursor:             pointer;
    display:            inline;
    font-size:          90%;
    font-weight:        bold;

    padding:            0 3px 2px 3px;
    margin:             2px 0 7px 0;
    margin:             0 0 0 0;
    width:              auto;
}

.btbase:hover {
    color:              #f33;
    background-color:   inherit;
    border:             1px solid #999;
}

#content {
    padding:                0 0 10px 50px;
    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;
    background:     url(/images/content_tc.jpg) fixed no-repeat;
}

#mainpage { margin: 0 200px 0 0; color: #222; _display:inline;!display:inline}
#fullpage { margin: 0 100px 0 0; color: #222;}

#dummy { padding: 0 0 0 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:              #039;
    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:        12pt;
    color:              #039;
    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: #ffffff;
}

.floatright {
    float:                  right;
    margin-left:            10px;
}

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

.box, .box2, .box3, .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;
    font:                10pt Verdana, Helvetica, Arial, sans-serif;
}

.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;
}

.box3 {
    background-color:   #fffff6;
    width:              auto;
    border:             1px solid #95adc6;
    margin:             10px 10%;
    padding:            10px 50px;
}

.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;
}

/* --------------------------------------------------------------------------
.tbox2 {
    background:         #f7f7f7 url(/images/bg_yellow.jpg) repeat;
    border:             1px solid #cc9933;
}
.tbox3 {
    background:         #f7f7f7 url(/images/bg_gray.jpg) repeat;
    border:             1px solid #716B47;
}
.tbox4 {
    background:         #f7f7f7 url(/images/bg_red.jpg) repeat;
    border:             1px solid #BC4028;
}
.tbox5 {
    background:         #f7f7f7 url(/images/bg_green.jpg) repeat;
    border:             1px solid #008044;
}

-------------------------------------------------------------------------- */
.blankbox {
    margin:             10px 25px 15px 0px;
    width:              auto;
    line-height:        1.6em;
}

.tbox {
    background:         #fffbde;
    border:             1px solid #ceb684;
    -webkit-border-radius: 7px;
    -moz-border-radius:    7px;
    border-radius:         7px;

    padding:            5px 25px 30px 20px;
    margin:             10px 25px 15px 0px;
    width:              auto;
    line-height:        1.6em;
}

.tboxsmall {
    background:         #fffbde;
    border:             1px solid #ceb684;
    -webkit-border-radius: 7px;
    -moz-border-radius:    7px;
    border-radius:         7px;

    padding:            5px 25px 30px 20px;
    margin:             10px 20% 15px 20%;
    width:              auto;
    line-height:        1.6em;
}

.tpad {
    display: inline;
    padding:            0px 25px 30px 20px;
    margin:             0px 25px 15px 0px;
    width:              auto;
    line-height:        1.6em;
}


.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 20px;
    margin:             10px 25px 15px 0px;
    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 #cc9933;
}

.reply {
    margin:             10px 0 10px 15px;
    padding:            15px 0 0 0;
    border-top:         1px solid #36c;
}

.replytext {
    border-left:         3px solid #ccc;
    padding:             5px 0 0 15px;
}

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

.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 {
    width:              auto;
    padding:            20px 40px;
    margin:             0 20px 20px -20px;
    background:         #f7f7f7 url(/images/paperbg.gif) repeat;
    border:             1px solid #fc3;
}

.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;
}

.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;
}

.sbox p, .sboxfull p, .sbox1 p, .sbox2 p, .sbox3 p, .sbox4 p, .sbox5 p, .sbox6 p {
    text-indent: 2em;
}


.sbox1 { /* brown */
    background:         #f7f7f7 url(/images/fbg0.png) repeat;
    border:             1px solid #fc3;
}

.sbox2 {    /* blue */
    border:             1px solid #ADD8E6;
    background:         #f7f7f7 url(/images/fbg1.png) repeat;
}

.sbox3 { /* red */
    background:         #f7f7f7 url(/images/fbg5.png) repeat;
    border:             1px solid #ffa07a;
}

.sbox4 {
    border:             1px solid #9dc4d8;
    background:         #f7f7f7 url(/images/fbg3.png) repeat;
}

.sbox5 {    /* purple */
    border:             1px solid #9dc4d8;
    background:         #f7f7f7 url(/images/fbg4.png) repeat;
}

.sbox6 {
    border:             1px solid #9dc4d8;
    background:         #f7f7f7 url(/images/fbg2.png) repeat;
}


/*

blue
    header          #5a8fc8 text #114488 or #fff
    background      #dae3ec
    text            #114488
green
    header          #81c757
    background      #e1ecda
    text light      #5577bb
    text dark       #114488
red
    header          #c75857
    background      #ffeeff
    text            #bb6666
beige
    background      #ffd
    border          #e6e6be

light blue
    background      #e8f4fd
    border          #cae1f4
    text            #000066
error
    border          #dd9988
    background      #ffffd5
    text            #990000
light blue
    background      #9dc4d8
    border          #9dc4d8
    text            #003366
green 090

*/


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

.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 .center { }

#footer .right {
    float:              right;
    clear:              right;
    margin:             0 0 3px 0;
}

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

input:focus, textarea:focus, textfield:focus, select:focus { border: 1px solid #f30; }

/*input, textarea:disabled, textfield:disabled, select:disabled { border: 1px solid #ccc; } */

.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;
}

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

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

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

ul.menu .menulink:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}
ul.menu .sub {
    background:         #fff url(/images/arrow.gif) 190px 8px no-repeat;
}
ul.menu .sub:hover{
    background:         #fff url(/images/arrow2.gif)  no-repeat;
    color:              #f33;
    font-weight:        bold;
}
ul.menu .topline {
    border-top:         1px solid #aaa;
}
ul.menu .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.menu .activelink:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}

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

.indent50 {
    margin:             0 0 0 50px;
}
.indent30 {
    margin:             0 0 0 30px;
}

.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;
}

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

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
    margin:         10px 3% 10px 0;
    color:          #333;
}

.tabbber img {border:5px solid #99c}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
    margin:             0;
    padding:            2px 0;      /* 222 */
    border-bottom:      1px solid #ccc;
    font:               12pt Verdana,Helvetica,sans-serif;
}

ul.tabbernav li
{
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a
{
    padding:            6px 10px;      /* 222 */
    margin-left:        4px;
    border:             1px solid #ccc;
    border-bottom:      none;
    text-decoration:    none;
    color:              #039;
    background:         url(/images/gradient.jpg) repeat-x;
    background:         url(/images/tab.jpg) repeat-x;
}

ul.tabbernav li a:link  a:visited { color: #039; }

ul.tabbernav li a:hover
{
    color:              #f30;
    background:         inherit;
    border-color:       #f30;
    background:         url(/images/mgrey.gif) repeat-x;
    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;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.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;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
/*    display:none;  */
   font: 140% sans-serif;
}

.tabberlive .tabbertab h3 {
    display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
    height:             200px;
    overflow:           auto;
}

.tabbox {
    margin:             0;
    border:             none;
    background-color:   inherit;
    color:              #555;
    text-align:         left;
}

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

.fl {
    text-align:         right;
    padding:            6px 10px 6px 20px;
    background:         #fff;
    vertical-align:     top;
    color:              #039;
    white-space:        nowrap;
    font:               bold 12pt arial, verdana, helvetica, sans-serif;
}

.fv {
    text-align:         left;
    padding:            6px 20px 6px 5px;
    background:         #fff;
    color:              #555;
    vertical-align:     top;
    font:               12pt arial, verdana, helvetica, sans-serif;
}
.tf {
    background:         #fffff0;
    border:             1px solid #bbb;
    color:              #444;
    font:               12pt arial, verdana, helvetica, sans-serif;
    width:              auto;
    padding:            0 3px 1px 3px;
}

th {
    background:         url(/images/thbg.jpg);
    padding:            6px;
    color:              #039;
    text-align:         center;
    white-space:        nowrap;
    font:               bold 13pt arial, Verdana,Helvetica,sans-serif;
}

.th2 {
    background-color:   #6aa8f1;
    background:         url(/images/hd_bg2.jpg) repeat;
    background:         url(/images/h2.jpg) repeat;
    padding:            6px;
    color:              #000000;
    text-align:         center;
    white-space:        nowrap;
    font:               bold 13pt 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:              #039;
    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:              #039;
    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 #dd9988;
    width:              auto;
    text-align:         center;
}

.err a       { color:  #039; 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, .greenbox {
    -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:            12px 20px 15px 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 #36c;
    width:              auto;
    text-align:         center;
    font-size:          90%;
}


.greenbox   {
    padding:            12px 20px 15px 20px;
    margin:             0 20% 20px 20%;
    color:              #2bab2b;
    background-color:   #fffff0;
    border:             1px solid #2bab2b;
    width:              auto;
    text-align:         left;
}

/* ------------------------------------------------------*/
.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:                #039;
    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; }

/* -------------------------------------------------------------------
    Nifty
 */

.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 10px 10px 0;
    padding:            0;
    float:              right;
    width:              180px;
    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;
}

/*  search button  */
#titlesearch {
    background:         url('/images/search16.png') no-repeat;
    border:             1px hidden #333;
    border:             1px outset #aaa;
    cursor:             pointer;
    display:            inline;
    width:              20px;
    height:             20px;
}
#titlesearch:hover {
    background:         url('/images/search2.png') no-repeat;
    border:             2px groove #aaa;
    cursor:             pointer;
    display:            inline;
    width:              20px;
    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;
}

.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%; }

/*
    header          #81c757
    background      #e1ecda
    text light      #5577bb
    text dark       #114488

OPEN SOURCE WEB DESIGN

    green:          85C329
    blue:           85C329
    orange:         FB9622
    yellow:         FFD600
    red:            DA3B3B

EMC
    dark blue:      069
    lightblue:      0cc
    red:            f33
    green:          9c3
    pink:           c9c
    orange:         f93
    yellow:         fc0
    lightyellow:    ff0

Google
    red:    aa0033
    yellow: ffcc00
    green:  009900
    purple: 000088
    pink:   cc0066

blue
    header          #5a8fc8 text #114488 or #fff
    background      #dae3ec
    text            #114488
green
    header          #81c757
    background      #e1ecda
    text light      #5577bb
    text dark       #114488
red
    header          #c75857
    background      #ffeeff
    text            #bb6666
beige
    background      #ffd
    border          #e6e6be

light blue
    background      #e8f4fd
    border          #cae1f4
    text            #000066
error
    border          #dd9988
    background      #ffffd5
    text            #990000
light blue
    background      #9dc4d8
    border          #9dc4d8
    text            #003366
green 090


CHROME SCHEME:

Light light blue
    background:         f8fafd
    border              6882a1

Light blue
    bar background:     deeaf8
    bar border:         b2b2b2
    text                062d75

blue background:        9bbfec

dark blue:              559aee  224499
border                  95adc6

*/

/*
p { text-indent: 2em; }

p + p {
  text-indent: 1.5em;
  margin-top: 0 }
*/

/* #---------------------------------------------------------------------*/
.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; }


/* Taberd sorter */

.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:              #039;
    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; }


/* #---------------------------------------------------------------------*/

/* Taberd sorter */

.sortable2 {
    border-left:        1px solid #cd8c67;
    border-top:         1px solid #cd8c67;
    border-bottom:      none;
    margin:             0 auto 15px;
}
.sortable2 th {
/*    background:         url(/images/grey.gif); */
    background-color:  #cd8c67;
    background:         #d8ab82;
    color:              #fff;
    border:             1px solid #cd8c67;
    cursor:             pointer;
    text-decoration:    underline;
    padding:            4px 20px;
}

.sortable2 td {
    padding:            6px 8px 8px;
    border-top:         1px solid #cd8c67;
    border-bottom:      1px solid #cd8c67;
    border-right:       1px solid #cd8c67;
}

.sortable2 .desc, .sortable2 .asc {
/*    background:         url(/images/blue.gif);*/
    background-color:  #cd8c67;
    background:  #cd8c67;
    color:              #fff;
}

.sortable2 .desc hx {
    background:         url(/images/desc.gif) 7px center no-repeat;
    cursor:             pointer;
    padding-left:       18px;
}

.sortable2 .asc hx {
    background:         url(/images/asc.gif) 7px  center no-repeat;
    cursor:             pointer;
    padding-left:       18px;
}

.sortable2 .head:hover, .sortable2 .desc:hover, .sortable2 .asc:hover { color:#f30; }
.sortable2 .evenrow td { background: #fff; }
.sortable2 .oddrow td  { background: #f7f2e3; }
.sortable2 td.evenselected { background: #f7f2e3; }
.sortable2 td.oddselected { background: #f7ebdb; }


/* #---------------------------------------------------------------------*/

div.mojomagnify_zoom {
    position:   absolute;
    width:      160px;
    height:     160px;
    overflow:   hidden;
    cursor:     default;
    -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:      160px;
    height:     160px;
    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:    0px;
    border:     0px;
}

div.mojomagnify_zoom a {
    cursor:     default;
}

/* #---------------------------------------------------------------------*/
.tc {
	-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
}
#tcwrapper {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	text-align: left;
	background: #FFF;
	border: 1px solid #999;
	margin: 15px 20px 0 20px;
	background-color: #E0E0E0;
	background: transparent;
	line-height: 1.6em;

}

.tstheader {
    background-image:     url('/images/hdr_tst.jpg') ;
    background-position: left top;
}
.tstpagetitle {
    font:               160% sans-serif;
    font-weight:        normal;
    color:              #c00;
    display:            inline;
    margin:             0 10px;
}

#tstwrapper {
    margin-left:        auto;
    margin-right:       auto;
    width:              100%;
    text-align:         left;
    background:         url(/images/bg_tst.jpg) fixed no-repeat;
}
#tstcontent {
    margin-left:        auto;
    margin-right:       auto;
    width:              95%;
    text-align:         left;
    font:               10pt Verdana, Helvetica, Arial, sans-serif;
    padding:            0 0 10px 30px;
}
#qttwrapper {
    margin-left:        auto;
    margin-right:       auto;
    width:              100%;
    text-align:         left;
    background:         url(/images/bg07.jpg) fixed no-repeat;
    border:             1px solid #999;
}
.tst {
    -webkit-box-shadow: 3px 3px 5px 5px #aaa;
    -moz-box-shadow:    3px 3px 5px 5px #aaa;
    font:               10pt Verdana, Helvetica, Arial, sans-serif;
    border:             1px solid #999;
    margin:             15px 20px 0 20px;
    background-color:   #e0e0e0;
    background:         transparent;
    line-height:        1.6em;
}

.tst hr {
    border-top:         1px solid #aaa;
    height:             0;
    width:              100%;
    margin:             0;
}

.tst h1 { font: 250% sans-serif;     margin: 0;  color: #36c;
    font-family:        Tahoma,"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
}

ul.menu .maillink  {
    padding:            5px;
    background:         #f1f6fe;
    width:              110px;
    color:              #039;
    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;
}

ul.menu .maillink:hover {
    background:         url(/images/grey.gif);
    color:              #f33;
    font-weight:        bold;
}

.big {font-size:130%; display:inline;}

.tbox1 h1, .tbox1 h2, .tbox1 h3, .tbox1 h4, .tbox1 h5, .tbox1 h6 {
    font-family:        Tahoma,"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
    font-weight:        normal;
    color:              #000;
}

.tbox1 h1 { font-size: 200%; }
.tbox1 h2 { font-size: 160%; }
.tbox1 h3 { font-size: 140%; }
.tbox1 h4 { font-size: 120%; }
.tbox1 h5 { font-size: 110%; }
.tbox1 h6 { font-size: 100%; }