@charset "utf-8";

body{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4{
    color: blue;
}
h1{
    font-size: 26px;
    margin: 30px 0;
}
h2{
    font-size: 20px;
    margin: 15px 0;
}
th{
    text-align: left;
    padding: 2px 4px 0 4px;
}
ul{
    margin-bottom: 5px;
}
img {
    border: 0;
}


/* ------------------------ basic ------------------------------------ */
.hide{
    display: none;
}
.centerthis{
    padding:0 auto;
    margin:0 auto;
}
.clr{ clear:both;}
.wa{ width:auto;}
.fl, .float-left{ float: left;}
.fr, .float-right{ float: right;}
.max700{ max-width: 720px; white-space: normal; }
.prel{position: relative;}
.wsnw{white-space: nowrap;}
.nowrap{white-space: nowrap;}

.opacity_10{opacity: 0.1;}
.opacity_20{opacity: 0.2;}
.opacity_30{opacity: 0.3;}
.opacity_100{opacity: 1;}

.wauto{width: auto;}
.w100p{width: 100%;}
.w50{width: 50px;}
.w100{width: 100px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w400{width: 400px;}

.p0{padding: 0;}
.pt1{padding-top: 1px;}
.p1_3{padding:1px 3px;}
.p2_5{padding:2px 5px;}
.p5{padding:5px;}
.p5d{padding-right:5px;}
.p10d{padding-right:10px;}
.p20_5{padding:5px 5px 20px 5px;}
.p20_5b{padding:20px 5px;}
.p20_10{padding:20px 10px;}
.p20_15{padding:20px 15px;}
.p10{padding:10px;}
.p10_0{padding:10px 0;}
.p20{padding:20px;}
.p30{padding:30px;}

.mt1{margin-top:1px;}
.m10{margin:10px;}
.m10-0{margin:10px 0;}
.m20{margin:20px;}
.m20tb{margin:20px 0;}
.m30{margin:30px;}
.mc{margin: 0 auto;}

.prb4{position: relative; bottom: 4px;}

/* txt effect */
.tbold{ font-weight:bold; }
.tnor{ font-weight:normal; }
.tem{ font-style: italic; }
.ts{font-size: .92em;}
.vac{vertical-align: middle;}
.tac{ text-align: center;}
.tal{ text-align: left;}
.tar{ text-align: right;}
.ts10{ font-size: 10px;}
.ts11{ font-size: 11px;}
.ts12{ font-size: 12px;}
.ts13{ font-size: 13px;}
.ts14{ font-size: 14px;}
.ts15{ font-size: 15px;}
.ts16{ font-size: 16px;}
.caps{ text-transform: uppercase;}

/* fonts */
.fmono{ font-family: monospace;}

/* txt color */
.ty{ color:yellow;}
.ty2{ color: #ffffbb;}
.tv{color:#66FF00;}
.tw{ color:#fff;}
.tgp{ color:#aaa;}
.tg6{color: #666;}
.tg{color: #444;}
.tgf{ color:#444;}
.tn{ color: black;}
.tb{ color: blue;}
.tb2{ color: #0101aa;}
.tb3{ color: #7cf5ff;}
.tb4{ color: cyan;}
.tr{ color: #f20000;}
.tred{ color: #f20000;}
.trz{ color: #d20060;}
.tbj { color: #000; font-size: 11px;}

/* bckgrnd color */
.bgy{ background-color:#FFCC33;}
.bgyf{ background-color:#FFFF00;}
.bgyp{ background-color: #ffffb9;}
.bgvf{ background-color:#99FF00;}
.bgv2{ background-color: #60a000; color: #fff;}
.bgrp{ background-color: #ffbdbd;}
.bgr{ background-color: #ff0000; color: #fff;}
.bgr2{ background-color: #c10000; color: #fff;}
.bgrz{ background-color: #ff1296; color: #fff;}
.bgbleu{ background: #3ea1f4; }
.bgbleu2{background-color: #b1dbff;}
.bgbleu3{background-color: #002380;}
.bg000tw{ background: #000; color:#fff;}
.bg000{ background: #000; }
.bg222{ background: #222; }
.bg333{ background: #333; }
.bg555{ background: #555; }
.bg777{ background: #777; }
.bg888{ background: #888; }
.bgaaa{ background: #aaa; }
.bgbbb{ background: #bbb; }
.bgccc{ background: #ccc; }
.bgddd{ background: #ddd; }
.bgeee{ background: #eee; }
.bgfff{ background: #fff; }
.bgf2{ background: #f2f2f2;}
.bgfa{background: #fafafa;}

.line_a_f{border: 1px solid #fff;}
.line_0{ border-top:1px none #000;}
.line_tf{ border-top:1px solid #fff;}
.line_rf{ border-right:1px solid #fff;}
.line_rf2{ border-right:2px solid #fff;}
.line_ta{ border-top:1px solid #aaa;}
.line_tc_d{ border-top:1px dotted #ccc;}
.line_r{ border-right:1px solid #aaa;}
.line_b{ border-bottom:1px solid #aaa;}
.line_bf2{ border-bottom:2px solid #fff;}
.line_l{ border-left:1px solid #aaa;}


/* ---------------------------------- basic links --------------------------------*/
a:link {
    text-decoration:none;
    color: #008be8;
    font-weight: normal;
}

a:visited {
    text-decoration:none;
    color:#008be8;
    font-weight: normal;
}
a:hover {
    text-decoration:none;
    color:#008be8;
    font-weight: normal;
}
.linkgreen:link {
    text-decoration:none;
    color: #66FF00;
    font-weight: normal;
}

.linkgreen:visited {
    text-decoration:none;
    color:#66FF00;
    font-weight: normal;
}
.linkgreen:hover {
    text-decoration:none;
    color:#66FF00;
    font-weight: normal;
}

.lblue:link {
    text-decoration:none;
    color: #0095ff;
    font-weight: normal;
}

.lblue:visited {
    text-decoration:none;
    color:#0095ff;
    font-weight: normal;
}
.lblue:hover {
    text-decoration:none;
    color:#0095ff;
    font-weight: normal;
}

.delete a:link {
    text-decoration:none;
    color:#FF0000;
    font-weight: bold;
}
.delete a:visited {
    text-decoration:none;
    color:#FF0000;
    font-weight: bold;
}
.delete a:hover {
    background-color:#FF0000;
    color:#fff;
}