/*RESET*/
html, body {margin: 0;padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: #ffffff;}
body {
background-color: #005578;
background-image: url(/files/design/bg.png);
background-image: url(/files/design/bg2.png), url(/files/design/bg.png);
background-position: 0 0, 0 0;
background-size: cover, auto;
-webkit-background-size: cover, auto;
-moz-background-size: cover, auto;
-webkit-text-size-adjust:none;
}
a {color: #098ABB}
a:focus {outline: none;}
input {font-family: 'Open Sans', sans-serif; font-weight: 300; color: #ffffff;}
textarea {font-family: 'Open Sans', sans-serif; font-weight: 300; color: #000000;}
b {font-weight: bold;}
#position {width: 1010px; margin: 30px auto; position: relative;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
#ask .title, #interestingly .title, #contact .title, #categories .title {font-size: 24px; color: #fff; line-height: 18px;}
/*logo*/
#logo {width: 215px; border: 0px solid #66FF33; float: left;}
#logotext {color: #ffffff; font-size: 14px; background: url(/files/design/bg_lb.png); width: 100%; margin: 0px 0 10px 0; text-align: center; display: none;}
/*end logo*/
/*searchblock*/
#searchblock {width: 73.52%; height: 67px; float: right;}
#searchblock #searchbar {border: 1px solid #fff; height: 58px; background: url(/files/design/bg_search.png) no-repeat 2.8% 52%; position: relative;}
#searchblock #searchbar input[type="text"] {border:0; width: 84%; height: 58px; padding: 0 15px 0 50px; background: transparent; color: #ffffff; font-size: 24px; float: left;background: url(/files/design/bg_searchline.png) no-repeat center right}
#searchblock #searchbar div#button {float: right; background: url(/files/design/bg_searchbutton.png) no-repeat; height: 20px; width: 21px;margin: 18px 17px 0 0;cursor: pointer;}
#searchblock #tips {color: #ffffff; float: right; font-size: 14px;}
#searchblock #tips a {color: #ffffff; text-decoration: none; border-bottom: 1px dashed; cursor: pointer;}
/* end searchblock*/
/*level*/
#level {width: 74.16%; background: url(/files/design/bg_lb.png); margin: 30px 0 0 0; height: 32px; float: left; font-size: 16px; padding: 10px 0 0 0; font-weight: 300;}
/*end level*/
/*body*/
#body {width: 70.56%; background: url(/files/design/bg_body.png) no-repeat 0 0 #ffffff; margin: 10px 0 0 0; min-height: 830px; float: left; color: #111111; padding: 12px 1.8% 2.5% 1.8%; min-height: 1030px;}
#body .title {font-size: 24px; margin: 10px 0 0 54px;}
#body h1 {font-size: 24px; line-height: 24px;}
#body .date {margin: 0px 0 23px 55px; font-size: 14px; display: block;}
#body .date_published {}
#body .date_modified {color: #BDC3C7}
#body .date_modified::before {content: " updated "}
#body .change {margin-bottom: 38px;}
#body .footnotes { font-size: 14px; margin: 25px 0 0 2.2%; border-top: 1px solid #e1e1e1;}
#body .footnotes > li {margin: 5px 0 5px 0;}
#body .footnotes span {padding: 0 5px 1px 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
sup {background: #DFDFDF; font-size: 12px; padding: 0 3px 1px 4px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
sup.qw {background: none; padding: 0 0 1px 0;}
#body .note1 {background: #3287D0; color: #ffffff;}
#body .note1_c {color: #3287D0;}
#body .note2 {background: #62B44E; color: #ffffff;}
#body .note2_c {color: #62B44E;}
#body .note3 {background: #C4873E; color: #ffffff;}
#body .note3_c {color: #C4873E;}
#body .note4 {background: #CC359B; color: #ffffff;}
#body .note4_c {color: #CC359B;}
#body .note5 {background: #79583E; color: #ffffff;}
#body .note5_c {color: #79583E;}
#body ul {list-style: none inside;}
#body ul.list1 li {background: url(/files/design/list_1.png) no-repeat 0 4px; padding-left: 20px; overflow: hidden;}
#body ul.list2 li {background: url(/files/design/list_2.png) no-repeat 0 50%; padding-left: 23px; overflow: hidden;}
#body ul.list3 li {background: url(/files/design/list_3.png) no-repeat 0 4px; padding-left: 23px; overflow: hidden;}
#body ul.list_blue li {background: url(/files/design/list_bullet_blue.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_black li {background: url(/files/design/list_bullet_black.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_green li {background: url(/files/design/list_bullet_green.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_orange li {background: url(/files/design/list_bullet_orange.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_pink li {background: url(/files/design/list_bullet_pink.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_purple li {background: url(/files/design/list_bullet_purple.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_red li {background: url(/files/design/list_bullet_red.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_yellow li {background: url(/files/design/list_bullet_yellow.png) no-repeat -3px 3px; padding-left: 17px;}
#body ul.list_summary li a {text-decoration: none;}
#body ul.list_summary li::before {content: "\2022"; color: #535c68; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; padding: 3px 0 3px 25px;}
#body ul.tags { margin: 10px 0 10px 0}
#body ul.tags li { float:left; background-color: #dfe4ea; padding: 3px 5px 3px 5px; margin: 3px 3px 3px 0; word-wrap:break-word; border-radius: 3px;}
#body ul.tags li:first-child {margin-left: 0;}
#body ul.listn {list-style: decimal; margin-left: 2.7%}
#body b.b {font-weight: 300;}
#body .sammary { padding: 15px; background-color: #ECF0F1; border-radius: 5px;}
#body article {margin: 0 0 2.7% 0;}
#body article a {text-decoration: none;}
#body article a section {color: #000000;}
#body article b {text-decoration: underline;}
#body img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.video {margin: 0 auto;}
.formbody {width: 80%; margin: 0 auto; position: relative;}
.formbody input[type="text"] {width: 100%; height: 30px; color: #111111; margin: 0 0 10px 0; border: 1px solid #c9c9c9; padding: 3px 5px 3px 5px;}
.formbody textarea {width: 100%; height: 70px; color: #111111; margin: 0 0 10px 0; border: 1px solid #c9c9c9; padding: 3px 5px 3px 5px;}
.formbody .button {background: url(/files/design/button_submit.png) no-repeat 0 0; width: 132px; height: 37px; margin: 2px -12px 0 0; float: right; cursor: pointer; }
/*end body*/
/*categories*/ /*width: 24.75%;*/
#categories {background: url(/files/design/bg_categories.jpg) 0 0 no-repeat; width: 250px; height: 577px; float: right; margin: -42px 0 0 0; background-size: auto 577px;}
nav a {color: #ffffff; text-decoration: none;}
#categories h3 {background: url(/files/design/ico_categories.png) 0 0 no-repeat; height: 44px; padding: 18px 0 0 55px;font-size: 24px; line-height: 18px;}
#categories ul li {margin: 1px 0 1px 11px;}
#categories ul li.sep{display: none;}
/*end categories*/
/*contact*/
#contact {background: url(/files/design/bg_contact.jpg); width: 250px; height: 131px; margin: 10px 0 0 0; float: right; overflow: hidden; cursor: pointer; right: 0;}
#contact .ico {border:0px solid #6479DD; background: url(/files/design/ico_contact.png) 0 -3px no-repeat; width: 55px; height: 55px; float: left;}
#contact .title{margin: 18px 0 0 0;}
#contact .info {width: 93%; margin: 5px auto; font-size: 14px;}
#contact a {text-decoration: none; color: #ffffff;}
/*end contact*/
/*ask*/
#ask {background: url(/files/design/bg_ask.jpg); width: 250px; height: 131px; margin: 10px 0 0 0; float: right; overflow: hidden; cursor: pointer;}
#ask .ico {border:0px solid #6479DD; background: url(/files/design/ico_ask.png) 0 0 no-repeat; width: 55px; height: 55px; float: left;}
#ask .title{margin: 18px 0 0 0;}
#ask .info {width: 93%; margin: 5px auto; font-size: 14px;}
#ask a {text-decoration: none; color: #ffffff;}
/*end ask*/
/*ads*/
#ads_block {float: left; margin: 0 15px 15px 0; width: 300px; padding-top: 10px;}
#ads1, #ads2{width: 300px; background: #A3A3A3; height: 250px;}
#ads2 {margin: 10px 0 0 0;}
#ads3 {width: 250px; background: #A3A3A3; height: 250px; float: right; margin: 10px 0 0 0;}
.ads_fix {clear: both; width: 300px; margin: 0 auto 0 auto;}
.ads_fix > #ads_block {float: none !important;}
/*end ads*/
/*interestingly*/
#interestingly {background: url(/files/design/bg_new2.jpg) no-repeat right top; width: 49.5%; height: 131px; margin: 10px 0 0 1.25%; float: left; overflow: hidden; line-height: 24px;}
#interestingly a {color: #ffffff; text-decoration: none;}
#interestingly .title {font-size: 16px; color: #fff; margin: 0 0 0 14px; padding: 5px 0 0 0;}
#interestingly .question {background: url(/files/design/ico_new.png) 0 0 no-repeat; padding: 0 0 0 80px; margin: 10px 0 0 12px;}
#interestingly .question ul{list-style: none;}
/*end interestingly*/
/*social*/
#social {background: url(/files/design/bg_social.jpg) no-repeat right bottom; width: 23.37%; height: 131px; margin: 10px 0 0 0; float: left;}
#social #google {width: 50px; height: 60px; float: left; margin: 35px 0 0 0;}
#social #facebook{width: 44px; height: 62px; float: left; margin: 35px 0 0 0;}
#social #twitter {width: 58px; height: 62px; float: left; margin: 35px 0 0 0;}
/*end social*/
/*comments*/
#comments {width: 70.56%; background: #ffffff; margin: 10px 0 0 0; color: #111111; padding: 10px 1.8% 2.5% 1.8%}
#comments .title {font-size: 24px;}
#comments .form {background: url(/files/design/ico_comment.png) no-repeat 0 0; padding-left: 90px; margin: 15px 0 0 0;}
#comments .form .text {border: 1px solid #c9c9c9; padding: 7px 7px 7px 7px;}
#comments .form .text textarea {width: 100%; height: 93px; border: 0px solid #E7326C;}
#comments .form .button {background: url(/files/design/button_connect.png) no-repeat 0 0; width: 132px; height: 37px; margin: 12px 0 0 0; float: right; cursor: pointer;}
#comments .form .publish {background: url(/files/design/button_comment.png) no-repeat 0 0;}
#comments article {margin: 20px 0 0 0; position: relative;}
#comments article figure {float: left; width: 70px;}
#comments article section {border: 1px solid #e1e1e1; padding: 7px 7px 7px 7px; background: #f3f3f3; float: left; margin: 0 0 0 18px;}
#comments article time {font-size: 14px; color: #666666; margin: 2px 0 15px 0; display: block;}
#comments article section .reply {color: #979797; font-size: 14px; background: url(/files/design/ico_reply.png) no-repeat 0 4px; padding: 0 0 0 20px; line-height: 15px; float: right; font-weight: 400; cursor: pointer;}
#comments article section .reply a{color: #979797; text-decoration: none;}
#comments article .arrow {background: url(/files/design/comment_arrow.png) no-repeat 0 0; width: 12px; height: 14px; position: absolute; margin: 5px 0 0 -18px;}
#comments article .more_comment { border: 0px solid #B8500A; margin: 0 0 0 12.2%;}
/*end comments*/
/*footer*/
footer {background: url(/files/design/bg_lb.png); height: 35px; margin: 20px 0 0 0; padding: 8px 0 0 0; width: 100%;}
footer div {float: left; margin-left: 11px;}
footer nav {float: right; background: none; height: auto; width: auto; margin-right: 11px;}
footer nav ul {list-style: none;}
footer nav ul li {float: left;}
/*end footer*/
/*autocomplete*/
.autocomplete {width: 100%; background: #FCFCFC; cursor: pointer; text-align:left; max-height:350px; overflow:auto; margin:0px 6px 6px 0px; font-weight: 300; color: #111111; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);}
.autocomplete .selected { background: #E5E5E5; }
.autocomplete div {padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:bold; color:#3399FF; }
/*end autocomplete*/
/*facebook*/
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe, .fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {width: 100% !important;}
/*end facebook*/
.clear {clear: both; font-size: 12px;}
.b {font-weight: bold;}
/*************************************************/
/*table to div responsive*/
.table_table {}
.table_tr {width: 100%; clear: both; border: 0px solid #97C6F0; position: relative;}
.table_td {float: left; font-size: 14px;}
.table_tr:first-child{text-align: center; font-weight: 400;}
.table_td {border-bottom: 1px solid #B7B9AC; border-left: 1px solid #B7B9AC; padding: 3px 1% 3px 1%;}
.table_td:first-child{border-left: 0;}
.wrap .table_td {word-wrap: break-word;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
div.w5 {width: 2.8%} /* - padding left 1% - padding right 1%*/
div.w6 {width: 3.8%} div.w7 {width: 4.8%} div.w8 {width: 5.8%} div.w9 {width: 6.8%}
div.w10{width: 7.8%} div.w11{width: 8.8%} div.w12{width: 9.8%} div.w13{width: 10.8%} div.w14{width: 11.8%}
div.w15{width: 12.8%} div.w16{width: 13.8%} div.w17{width: 14.8%} div.w18{width: 15.8%} div.w19{width: 16.8%}
div.w20{width: 17.8%} div.w21{width: 18.8%} div.w22{width: 19.8%} div.w23{width: 20.8%} div.w24{width: 21.8%}
div.w25{width: 22.8%} div.w26{width: 23.8%} div.w27{width: 24.8%} div.w28{width: 25.8%} div.w29{width: 26.8%}
div.w30{width: 27.8%} div.w31{width: 28.8%} div.w32{width: 29.8%} div.w33{width: 30.8%} div.w34{width: 31.8%}
div.w35{width: 32.8%} div.w36{width: 33.8%} div.w37{width: 34.8%} div.w38{width: 35.8%} div.w39{width: 36.8%}
div.w40{width: 37.8%} div.w41{width: 38.8%} div.w42{width: 39.8%} div.w43{width: 40.8%} div.w44{width: 41.8%}
div.w45{width: 42.8%} div.w46{width: 43.8%} div.w47{width: 44.8%} div.w48{width: 45.8%} div.w49{width: 46.8%}
div.w50{width: 47.8%} div.w51{width: 48.8%} div.w52{width: 49.8%} div.w53{width: 50.8%} div.w54{width: 51.8%}
div.w55{width: 52.8%} div.w56{width: 53.8%} div.w57{width: 54.8%} div.w58{width: 55.8%} div.w59{width: 56.8%}
div.w60{width: 57.8%} div.w61{width: 58.8%} div.w62{width: 59.8%} div.w63{width: 60.8%} div.w64{width: 61.8%}
div.w65{width: 62.8%} div.w66{width: 63.8%} div.w67{width: 64.8%} div.w68{width: 65.8%} div.w69{width: 66.8%}
div.w70{width: 67.8%} div.w71{width: 68.8%} div.w72{width: 69.8%} div.w73{width: 70.8%} div.w74{width: 71.8%}
div.w75{width: 72.8%} div.w76{width: 73.8%} div.w77{width: 74.8%} div.w78{width: 75.8%} div.w79{width: 76.8%}
div.w80{width: 77.8%}
div.w100{width: 97.8%}
/*end table to div*/
#jswrapper {position: absolute; background-color: #B140D7; width: 70px; height:21px; overflow: hidden; display: none;}
#facebookbutton {overflow: hidden; width: 1px; height: 1px;}