body{background:#002a41;font-size:100%;color:#000;font-family:Arial,Helvetica,sans-serif;margin-top:0;margin-left:2px;word-wrap:break-word;}
h1{color:#333;} h2,h3,h4,h5{color:#333;margin-bottom:2px;}
ol,ul{font-size:1em;line-height:1.6;margin:0;}
p{font-size:1em;line-height:1.6;margin:0;padding:5px;}
a,a:link,a:visited {color:#001030;} a:hover, a:active{color:#00A2E8;}
pre{font-family:Consolas,monospace;display:block;border:1px dashed silver;background:#FFFAFA url(/images/pre_bg.png) repeat-y;font-size:.9em;padding: 5px 5px 10px 25px;white-space:pre-wrap;white-space:-moz-pre-wrap;clear:both;}
img[usemap], map area{outline: none;}
code{font-family:Consolas,monospace;}
div.code{background-color:#002a41;}
.ccb{float:right;color:#fff;background:url(/images/cb.svg);border:none;margin:5px 3px;cursor:pointer;background:url(/images/cb.svg) no-repeat; padding-left:18px;}
p > img {margin:0px;}
#mainmenu{display:block;margin:0 auto;padding:0;clear:both;background-color:#002a41;width:99.6%;}
#mainmenu ul{list-style:inside none;z-index:99;margin:0;padding:0;background-color:#002a41;display:block;}
#mainmenu li{display: inline-block;}
#mainmenu a{color:#fffafa;font-size:16px;font-weight:600;letter-spacing:2px;padding:10px;text-decoration:none;display:block;}
#mainmenu li:hover > a{background: #455f6e;}
#mainmenu .menu-lbl{text-decoration:none;color:#fff;text-align:left;padding:5px;display:none;font-weight:600;font-size:20px;}
.menu-lbl::after{content: "";position:absolute;width:25px;height:3px;background: #fff;box-shadow: 0 0.4em 0 0 #fff, 0 0.8em 0 0 #fff;margin:5px 0px;}
#category{float:left;height:auto;display:block;margin:5px;}
#ht-tab-container{width:95%;margin:10px;display:block;float:left;}
#articleList{float:left;border:1px solid #00A2E8;width:99.9%;}
#articleList .article{background:#FFF;margin:5px;border:1px dotted silver;padding:0 5px;}
#articleList a{text-decoration:none;}
#articleList a:hover{color:#005E91;}
#articleList ul{border-top:1px dotted silver;}
#articleList li{font-size:.7em;margin-right:20px;display:inline-block;}
#articleList .rateit{height:auto;border:none;}
#pageNumbers{width:100%;float:left;background:#001030;text-align:center;margin:10px 0;padding:10px 0;}
#pageNumbers a{color:#FFF;margin:1.2em;font-weight:600;font-size:1.2em;}
#pagenav{padding:5px;border-top: 1px solid silver;border-bottom: 1px solid silver;overflow:auto;margin:10px 5px;}
#articleFooter{width:75%;display:block;float:left;margin:5px;padding-top:5px;}
#pagecontents{width:60%;float:left;border-left:1px dotted silver;margin:0;padding:10px;}
#leftmenu > ul > li.sub:hover > ul{display:block;}
#leftmenu{width:15%;min-width:160px;float:left;height:100%;margin:0;padding:0;}
#leftmenu h2{font-size:.93em;font-weight:700;font-variant:small-caps;color:#001030;border-bottom:1px solid silver;margin:10px 0;padding:6px;}
#leftmenu ul{display:block;margin:0;padding:0;width:100%;list-style:none;}
#leftmenu li{list-style:inside none;float:left;position:relative;border-bottom:1px dotted silver;width:100%;margin:0;padding:0;}
#leftmenu a{outline:none;display:block;text-decoration:none;color:#000;font-size:.93em;margin:3px;padding:5px;}
#leftmenu ul > li > ul{border:1px solid silver;display:none;position:absolute;left:100%;background-color:#FFFAFA;margin-top:-40px;z-index:99;}
#leftmenu  ul > li.sub > a:after {display:inline-block;margin-left:10px;content:"";border-left:solid 8px #00A2E8;border-bottom:solid 8px transparent;border-top: solid 8px transparent;}
#leftmenu a:hover,#leftmenu a:focus{background:#455f6e;color:#fff;}
#tu-rightAd{width:22%;float:right;margin:10px 3px;padding:0;display:block;position:sticky;top:0;}
#rightcta{width:25%;float:right;padding:0;display:block; position:sticky;top:0;text-align:center;}
#articleMain{width:72%;float:left;display:block;margin:5px;}
#tab-container{float:left;width:66%;margin:5px 0 20px 0}
#hot-topics{width:66%;display:block;float:left;margin:5px auto;}
#hot-topics img{width:100%;background:#A9D0F5;}
.box-border{border:1px solid #00A2E8; -webkit-border-radius: 8px; -moz-border-radius:8px;border-radius:8px;}
.right-menu{width:30%;float:left;margin:10px;text-align:center;}
.right-menu .tile {width:120px; height:120px;margin:10px 5px;}
.tit{font-size:1.5em;border-bottom:5px solid #00A2E8;margin:8px 0;letter-spacing:-.02em;padding:3px;}
.sub-tit{font-size:1.2em;color:#900;font-weight:500;padding:5px 0;border-bottom:2px solid darkgray;margin:10px 0;}
.sect-tit{font-size:1.1em; border-bottom: 3px solid #00A2E8; margin:0 12px 10px 5px; padding:3px 0px;}
.dl{font-weight:bold; border: 1px dotted #002a41;color:#5c8;}
.prev{text-decoration:none;float:left;font-weight:600;}
.next{text-decoration:none;float:right;font-weight:600;}
.black{font-family:Consolas,monospace;display:block;border:1px solid silver;background:#000;color:#fff;padding:10px;font-size:.9em;white-space:pre-wrap;word-wrap:break-word;}
.txt{background:#f5f5f5;letter-spacing:1px;}
.ps{background:#012456;color:#fff;}
.disp{display:inline-block;border:2px ridge silver;line-height:1.6;margin:5px;padding:10px;}
.green{color:#089608;} .red{color:red;} .blue{color:#1E90FF;} .gray{color:#808B96;} .teal{color:#008080;}.darkblue{color:darkblue;} .tab{padding-left:20px;} 
.lav, table.b, table.b td, table.b th{border:1px solid #006000;border-collapse:collapse;border-spacing:0;font-size:1em;line-height:1.6em;margin:5px 10px;padding:5px 10px;table-layout:fixed;max-width:95%;word-wrap:break-word;}
.fw{width:100%;}
th.lav{background:#E6E6FA;}
#header{float:left;display:block;background:#fffafa;margin:0;width:100%}
.logo{padding:3px;font-family:Impact,Helvetica;display:inline-block;color:#002a41;}
.logo:first-of-type{background-color:#f39c12;font-size:20px; 
  -webkit-transform: rotate(-90deg); -webkit-transform-origin: 30% 30%;
  -moz-transform: rotate(-90deg); -moz-transform-origin: 30% 30%;
  -ms-transform: rotate(-90deg); -ms-transform-origin:30% 30%; 
  -o-transform: rotate(-90deg); -o-transform-origin:30% 30%; 
  transform: rotate(-90deg); transform-origin:30% 30%; }
.logo:last-of-type{background-color:#fffafa;font-size:56px;margin-left: -5px;}
.logo:last-of-type:first-letter{color:#cb4335;}
#search{float:right;padding-top:15px;width:30%;}
input:focus{outline:none;}
#search input{border:0;border-bottom: 1px solid #fff;border-right: 1px solid rgba(255,255,255,.8);font-size:.9em;font-style:italic;padding:5px;width:90%;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);-moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2); }
#pageinfo{display:block;font-style:italic;font-size:small;text-align:right;}
#wrapper{width:100%;max-width:1260px;background:#FFFAFA;margin:0 auto;padding:3px;}
#footer{background:#002a41;text-align:center;color:silver;font-size:.69em;padding:4px;}
#rectAd{width:300px;margin:3px; float:left;padding:0;display:block;}
#bottomAd, #main-page-ad {max-width:100%;height:auto;margin:auto;padding:0;overflow:hidden;}
#main-page-ad{float:left;width:100%;}
blockquote{background:#ffff70 url(/images/bulb.png) left center no-repeat;min-height:50px;line-height:1.6;padding:5px 5px 5px 58px;}
#pagecontents img, #articleContent img, figure img{max-width:100%;margin:0 auto;}
figure img{display:block;}
figure figcaption {text-align:center;font-size:.9em;}
a.cat{padding:5px;text-decoration:none;font-weight:600;margin-right:20px;float:left;color:#00A2e8}
#articleContent > p:first-child:first-letter{font-size:55px;float: left; padding:8px 3px 0 0;line-height: 25px;color:rgba(73, 87, 94, 1)}
#articleContent a{font-weight:bold;text-decoration:none;color: #1F618D;}
#articleContent a:hover{color:#5DADE2;}
#articleAd, #topAd{width:300px;max-height:250px;float:left;margin:15px 10px 10px 0;padding:0;}
#RespTopAd{max-height:100px;width:95%;}
#relatedArticles,#addComment,#userComments {width:100%;margin-bottom:10px;float:left;}
a.title{text-decoration:none;font-weight:700;font-size:14px;}
a.list{background:url(/images/dot.png)no-repeat 5px; display:block;margin:5px;padding:3px 5px 3px 20px;text-decoration:none;font-weight:500;}
label.title{font-family:impact, sans-serif;font-size:16px;color:#fff; line-height: 32px; background: green;width: 60px;float: left; text-align: center;border:1px solid silver;}
.comby{font-weight:600;color:#001030}
.comblk:hover{border-left: 3px solid #900;}
.comdt{font-size:.75em;}
.upddate{font-size:.9em;color:grey;}
.btn{background-color:#002a41;border:1px solid #314179;display:inline-block;cursor:pointer; color:#ffffff;font-size:13px;font-weight:bold; padding:6px 12px; text-decoration:none;margin:10px;}
.lbl{padding:5px;font-size:.9em;line-height:1.6;}
.ques{padding:8px 0;}
.info{font-size:.8em;padding:5px;text-align:right;display:block;}
#res {text-align:center;font-weight:700;display:block;border:1px solid #314179;padding:6px 12px;}
ul.tabs{list-style:none; padding-left:0;border-bottom: 1px solid #fffafa;}
li.tab{float:left; background-color: #eee; font-size:1em; font-weight:700; color:#a1a1a1; padding: 6px 18px;border-top-left-radius:5px;border-top-right-radius:5px;}
li.tab:hover{color:#222; cursor:pointer;}
li.selected{background-color: #FFFAFA;border:1px solid #00A2E8;position:relative;top:1px;color:#00A2E8;}
ul.tab-content{display:none;list-style:none; padding-left:0; float:left; background: #FFFAFA; clear: left; width: auto; border-top:1px solid #00A2E8;}
ul.tab-content.selected{display: inherit;}
ul.tab-content a{font-weight:600;text-decoration:none}
ul.tab-content img{float:left;width:80px;height:80px;margin:5px 10px 5px 0px;}
ul.tab-content a, .ul.tab-content a:link, .ul.tab-content a:visited{color:#001030;}
ul.tab-content a:hover, ul.tab-content a:active{color:#00A2E8;}
ul.tab-content li{margin:3px;padding:3px;float:left;}
.sp{background:#ff5733;color:white;font-weight:700;font-size:14px;padding:6px 18px;float:left;margin-top:25px;}
ul.sp-list{border-top:1px solid #ff5733;clear:left;padding: 15px 10px;}
ul.sp-list li{list-style: inside square;}
img.social{width:50px;height:52px;margin:0 5px 0 5px;}
img {border:none;}
#articleLinks{border-bottom:1px solid silver;padding: 8px 3px;display:block}
.rateit{width:96px;height:32px;text-align:center;border:1px solid silver;}
li.actions{list-style:none;display:inline-block; padding:0 6px;float:right;}
ul.share{list-style:inside none; padding:0;display:inline-block;width:100%}
li.share{list-style:none; display:inline-block; padding:0 6px;float:left;}
.print{float:left;margin:0;padding:0;}
.linkedin{transform: scale(1.39);-ms-transform: scale(1.39);-webkit-transform: scale(1.39);-o-transform: scale(1.39);-moz-transform: scale(1.39);transform-origin: top left;-ms-transform-origin: top left;-webkit-transform-origin: top left;-moz-transform-origin: top left; display:inline-block;}
.fb-share-button {float:left;transform: scale(1.39);-ms-transform: scale(1.39);-webkit-transform: scale(1.39);-o-transform: scale(1.39);-moz-transform: scale(1.39);transform-origin: top left;-ms-transform-origin: top left;-webkit-transform-origin: top left;-moz-transform-origin: top left; display:inline-block;}
.publish{color: #ff4411 !important; font-size: 20px; font-family: monospace; padding-bottom: 10px;}
.advertise{color: #ff4411 !important; text-decoration:none; font-size: 20px; font-family: monospace; padding: 10px 0;}
.author{float:left;width:120px;margin:10px 10px 0 0 !important;}
.authlink{text-decoration:none;font-weight:600;}
.also{ font-style:italic;line-height:1.8em; }
.also a{text-decoration:none;}
.also li{list-style:square;color:cadetblue;margin:5px;font-size: 1.1em;}
.reply{display:block;text-align:right;}
.otg-hidden {display:none;}
.comtxt {width:90%;border:1px solid #eee;padding:6px;resize:vertical;font-size:1.2em;}
.comtxt:focus {box-shadow: 0 0 5px rgba(81, 203, 238, 1);padding: 3px 0px 3px 3px;margin: 5px 1px 3px 0px;border: 1px solid rgba(81, 203, 238, 1);}
.comin {width:45%;border: 1px solid #eee;padding:5px 0px 5px 5px;margin:10px 0;font-size:1.02em;}
.fl {width:45%;float:left;padding-top:10px;}
.boxbtn{color:#fff;font-size:1.2em;background:#900;padding:5px 15px;text-decoration:none;border:0;
  -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
  box-shadow:0px 3px 3px rgba(0,0,0,0.3);}
.boxbtn:hover {background:#b30000;cursor:pointer;}
.repbtn{color:#900;text-decoration:none;border:0;cursor:pointer;background:transparent;font-size:.95em;}
.comchild{margin-left:10%;}
.comblk{border-top:1px dotted #900;padding:10px 5px;}
#userComments div:first-child{border:none;}
.ico-il{display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.win{background-image:url(/images/win10.png);}
.modal{display:none;z-index:1;top:30%;left:40%;border:3px solid silver;width:300px;position:fixed;background-color:#3b5998;}
.boxclose{float:right;margin-top:-6px;margin-right:-9px;cursor:pointer;color:#fff;border:2px solid silver;border-radius:30px;background:#3b5998;font-size:18px;font-weight:bold;line-height:9px;padding:7px 6px;}
@-ms-viewport{width: device-width;}
/* --- Media query start ---- */
@media only screen and (min-width : 840px) and (max-width : 1058px)
{ #rectAd{width:800px;}
}

@media only screen and (max-width: 960px){
#tu-rightAd{display:none;} 
#pagecontents{width:75%;}
#articleMain{width:72%;}
}

@media only screen and (max-width: 768px){
#pagecontents{width:98%;}
#leftmenu, #search{display:none;}
#tu-rightAd{display:none;}
#rightcta{display:none;} #bottomAd{position:fixed;bottom:0%;}
#articleMain{width:98%;}
#mainmenu{z-index:999;}
#mainmenu ul{position: static;display: none;width:95%;}
#mainmenu li{margin-bottom: 1px;}
#mainmenu ul li{width: 100%;}
#mainmenu .menu-lbl{display:inline-block;}
#hot-topics{display:none;} #tab-container, .right-menu{width:90%;} 
}
@media only screen and (max-width:599px) {
#contentwrapper,#articleFooter,#tab-container,#articleList{width:100%;}
#cd-tabs, #pagecontents,#pageNumbers{width:100%;padding:3px;margin:3px;}
.logo:last-of-type{font-size:46px;} .logo:first-of-type{font-size:14px;}
#search{float:none;margin:0 auto;}
#leftmenu{display:none;} .hot-topics{display:none;}
ht-ti{font-size:1.5em;border-bottom-width:3px;letter-spacing:-.05em;}
h2{font-size:1.2em;} h3{font-size:1em;}
#RespTopAd{max-height:100px !important;display:block;}
#articleAd, #topAd{float:none;margin:2px auto;height:200px;}
#rightcta, #rectAd, #search{display:none;}
#pageinfo{display:none;}
}