header, nav, article, main, footer { display: block; }
.webp html, .webp body { height: 100%;  background-image: url(https://c.0c.mom/pattern.webp) }
.no-webp html, .no-webp  body { height: 100%;  background-image: url(https://c.0c.mom/pattern.png) }
body { font-family: 'Open Sans', Verdana; font-size: 12px; color: #0E686D; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
img { border: none; }
a { color: #0E686D; text-decoration: none; }
a.link1 { text-decoration: none; color: #E0E4E7; }
/* tables */
.tmain { width: 100%; margin-top: -3px; border: 1px solid #542437; }
.t7 { background-color: #2C2560; color: #FFF; font-weight: 700; font-size: 13px; height: 20px; text-align: center; }
.tbl { background-color: #2C2560; color: #FFF; font-weight: 700; width: auto; text-align: left; }
#tlb { width: 100px; height: 23px; text-align: center; border-right: 1px solid #6A7883; }
#tp { width: 55px; height: 23px; text-align: center; color: red; }
.tc { width: 65px; height: 23px; text-align: center; border-right: 1px solid #6A7883; }
.tul { width: 65px; height: 23px; text-align: center; color: #C02942; border-right: 1px solid #6A7883; }
.tdl { width: 65px; height: 23px; text-align: center; color: #D95B43; border-right: 1px solid #6A7883; }
.tl { width: 30px; height: 23px; text-align: center; border-right: 1px solid #6A7883; }
.th { width: 55px; height: 23px; text-align: center; }
.no-webp .tn1, .no-webp .tv1 { background: url(https://c.0c.mom/cat1.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn2, .no-webp .tv2 { background: url(https://c.0c.mom/cat2.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn3, .no-webp .tv3 { background: url(https://c.0c.mom/cat3.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn4, .no-webp .tv4 { background: url(https://c.0c.mom/cat4.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn5, .no-webp .tv5 { background: url(https://c.0c.mom/cat5.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn6, .no-webp .tv6 { background: url(https://c.0c.mom/cat6.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn7, .no-webp .tv7 { background: url(https://c.0c.mom/cat7.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn8, .no-webp .tv8 { background: url(https://c.0c.mom/cat8.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn9, .no-webp .tv9 { background: url(https://c.0c.mom/cat9.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.no-webp .tn10, .no-webp .tv10 { background: url(https://c.0c.mom/cat10.png) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn1, .webp .tv1 { background: url(https://c.0c.mom/cat1.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn2, .webp .tv2 { background: url(https://c.0c.mom/cat2.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn3, .webp .tv3 { background: url(https://c.0c.mom/cat3.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn4, .webp .tv4 { background: url(https://c.0c.mom/cat4.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn5, .webp .tv5 { background: url(https://c.0c.mom/cat5.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn6, .webp .tv6 { background: url(https://c.0c.mom/cat6.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn7, .webp .tv7 { background: url(https://c.0c.mom/cat7.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn8, .webp .tv8 { background: url(https://c.0c.mom/cat8.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn9, .webp .tv9 { background: url(https://c.0c.mom/cat9.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.webp .tn10, .webp .tv10 { background: url(https://c.0c.mom/cat10.webp) no-repeat 5px 50%; padding-left: 30px; height: 27px; border-right: 1px solid #6A7883; }
.tcom { float: right; margin-right: 2px; }
#h { width: 33px; height: 10px; }
#tmain2 { width: 100%; margin-top: -3px; border: 3px solid #6A7883; }
#t72 { background-color: #6A7883; color: #FFF; font-weight: 700; font-size: 13px; height: 20px; text-align: center; }
#tbl2 { background-color: #6A7883; color: #FFF; font-weight: 700; width: auto; text-align: left; }
td { font-size: 12px; color: #6A7883; }
h1 { color: #660000; }
select, textarea, input { font-family: 'Open Sans', Verdana; font-size: 12px; color: #000; }
dl, blockquote, p { margin-top: 0; margin-bottom: 1em; line-height: 12px; }
ol, ul { margin-top: 0; margin-bottom: 1em; }
a:hover { text-decoration: underline; }
hr, .pag a.dis, #pag a.dis { display: none; }
#btn { border: 1px solid #42E2E2; color: #6A7883; background: #FFF; font-weight: 700; }
#browse { position: absolute; top: 110px; right: 20px; color: #B9B9B8; }
nav { color: #B9B9B8; font-size: 16px; }
nav a:hover, #browse a:hover { color: #D42C2C; }
.a { background-color: #F1EDE8; }
#group_1 { color: #AAA; }
#group_3, #group_4, #group_5, #group_6 { color: #000; }
#group_7 { color: red; }
.justi { text-align: justify; line-height: 1.5; }
.input247 { width: 247px; }
.input150 { width: 155px; }
.input50 { width: 55px; }
.text1 { font-size: 12px; font-weight: 700; }
.align-right { text-align: right; }
.img1 { float: left; margin-right: 15px; }
.img2 { float: right; margin-right: 15px; }
.hr1 { height: 1px; margin-bottom: 1em; background: url(https://c.0c.mom/homepage09.gif) repeat-x left top; }
.titleshort { width: 288px; background-color: #333; text-align: center; padding: 5px; }
#titlename { color: #FFF; font-weight: 700; font-size: 13px; }
.titleback { color: #FFF; font-weight: 700; font-size: 13px; background-color: #333; width: 100%; text-align: center; padding: 5px}
#titletor { margin-left: 10px; padding-top: 3px; float: left; }
.titlebackl { background-color: #333; width: 100%; }
#titlefront { width: 100%; background-color: #333; text-align: center; padding: 5px; }
.tbl436 { background-color: #42E2E2; width: 436px; height: 16px; text-align: center; }
#a { background-color: #EEE; }
.torname { font-weight: 700; font-size: 13px; color: #FFF; background-color: #333; width: 100%; height: 26px; }
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('https://c.0c.mom/admin-info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image: url('https://c.0c.mom/admin-success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('https://c.0c.mom/admin-warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('https://c.0c.mom/admin-error.png'); }
.webp #search { float: left; position: absolute; top: 95px; margin: 0; width: 695px; height: 50px; background: url(https://c.0c.mom/searchb1.webp) no-repeat; }
.no-webp #search { float: left; position: absolute; top: 95px; margin: 0; width: 695px; height: 50px; background: url(https://c.0c.mom/searchb1.png) no-repeat; }
#sqsub { float: left; padding: 0; margin: -5px 0 0 0; }
.content { margin-top: -3px; margin-bottom: 15px;background-color:#FFF}
.maincontainer { width:1400px; margin: 0 auto;}
#q { width: 443px; padding-left: 7px; font-size: 105%; height: 24px; background: transparent; position: absolute; top: 8px; left: 17px; border: 0; }
*:focus { outline: none; }
#qsub { border: 0; cursor: pointer; width: 88px; background: transparent; position: absolute; top: 2px; left: 465px; height: 36px; }
.link { padding-left: 12px; font-size: 13px; background: url(https://c.0c.mom/friends.gif) no-repeat left center; }
.ul1 { margin-left: 0; padding-left: 0; list-style: none; line-height: 180%; }
.ul1 a { padding-left: 15px; background: url(https://c.0c.mom/friends.gif) no-repeat left center; }
#logo { float: left; width: 1013px; height: 156px; }
#content { width: 100%; margin: 0 auto; }
#left { margin-left: 20px; width: 300px; }
#right { margin-right: 20px; }
#box1 { padding-right: 12px; }
#box1 .content { padding: 20px 0 20px 20px; }
#box1 .text2 { display: block; }
#box1 #imagefield1 { float: right; margin-right: 20px; }
#box2 .content { margin-right: 12px; padding: 20px; }
#box2 h3 { margin-bottom: 5px; font-size: 12px; font-weight: 400; }
#box3A { float: left; width: 250px; }
#box3B { float: left; width: 245px; }
#box7 h3 { position: relative; font-size: 12px; }
#box7 p { position: relative; }
footer { position: absolute; clear: both; width: 100%; margin: 0 auto; padding: 20px 0; text-align: center }
.style4 { border-style: solid; border-width: 0; }
.style1 { text-align: center; }
.style2 { color: #487A14; }
#popsrch { border: 2px solid #8CD835; width: 110px; height: 165px; }
.style5 { color: #000; }
.style6 { text-align: left; color: #000; }
.style7 { color: #000; font-weight: 700; }
.wrapper { overflow: auto; background-color: #333; width: 100%; height: 23px; border-bottom: 1px solid #42E2E2; }
.wrapper .left { float: left; width: 20%; height: 23px; }
.wrapper .right { float: right; width: 27%; text-align: right; margin-right: 10px; height: 23px; }
.right a { color: #FFF; }
.right img { margin-top: 3px; }
.wrapper .middle { margin-left: 34%; margin-right: 13%; height: 23px; margin-top: 3px; }
.f { width: 306px; float: left; position: relative; overflow: hidden; z-index: 10; height: 20px; }
.tor { position: absolute; z-index: 2; top: 0; left: 0; height: 19px; width: 306px; cursor: pointer; margin: 0; padding: 0; }
.tor2 { position: absolute; z-index: 2; top: 0; left: 0; border: 1px #BABABA solid; width: 225px; color: #303030; font: 11px / 13px Arial, Helvetica, sans-serif; margin: 0; padding: 2px 5px; }
.pag, #pag { float: left; width: 100%; margin: 2.3em 0 0; padding: 0; }
.pag:before, #pag:before, #results_area:after, #ab:before { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
.pag a, #pag a { float: left; cursor: pointer; text-decoration: none; display: inline-block; border: 1px solid #CCC; text-align: center; margin: 0 0.20em 0 0; padding: 0.2em 0.5em; }
.pag a.pP, .pag a.nP, #pag a.pP, #pag a.nP { font-size: 120%; border: none; text-decoration: underline; font-weight: 700; background: #FFF; padding: 0.2em 0.5em; }
.pag a:hover, #pag a:hover { background: #EEE; border: 1px solid #888; }
.pag a.sel, #pag a.sel { color: #333; font-weight: 400; background: #F0F7E8; border: 1px solid #000; }
.text2, a.link2 { color: #384F6C; }
#box4 .content, #box5 .content { margin-right: 5px; padding: 20px; }
#box6 .content, #box7 .content, main .content { padding: 20px; }
.verihd { color: #B31414; text-decoration: underline; font-weight: 700; }
// bubble .bubble { background: #CCC; padding: 50px; width: 400px; margin: 20px auto 100px auto; }
.bubble div:after { content: "."; display: block; height: 11px; clear: both; visibility: hidden; }
.bubble div { width: 400px; height: auto; font-size: 11px; }
b.tl { display: block; width: 400px; height: 8px; font-size: 1px; }
b.tr { display: block; width: 392px; height: 8px; font-size: 1px; float: right; }
b.bl { display: block; width: 8px; height: 8px; font-size: 1px; float: left; }
b.br { display: block; width: 392px; height: 8px; font-size: 1px; float: right; position: relative; }
b.point { display: block; font-size: 1px; width: 25px; height: 14px; }
.bubble div p { padding: 8px; margin: 0; border: 3px solid #FFF; border-width: 0 3px; text-align: justify; }
div.two b.tl { background: url(https://c.0c.mom/btop_left2.gif) top left no-repeat; }
div.two b.tr { background: url(https://c.0c.mom/btop_right2.gif) top right no-repeat; }
div.two p { background: #E5ECC9; }
div.two b.bl { background: url(https://c.0c.mom/bbottom_left2.gif) top left no-repeat; }
div.two b.br { background: url(https://c.0c.mom/bbottom_right2.gif) top right no-repeat; }
div.two b.point { background: url(https://c.0c.mom/bpoint2.gif) top left no-repeat; margin: 5px 0 0 275px; }
p.italic { margin: 20px 0 0 0; font-weight: 700; font-style: italic; }
.cloud {line-height:1.5;opacity: 1.0;filter:alpha(opacity=100);z-index:2;padding-top:5px;margin:0 auto 20px auto;text-align:center}
.cloud a{text-decoration:none;margin:auto 10px;white-space:nowrap}
.cloud a:hover {color:#fec1c1;text-decoration:underline}
.colorgraph {
  display: block;
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}