/* StyleSheet for NVtools  */
body {font-family: "Times New Roman", Times, serif; font-size: 100%; line-height:1em;  font-style:normal; font-weight:500;}
p{display:block;font-size: 1em; line-height:1.62em; white-space: pre-wrap;  padding: .3em 1em .3em 1em;}
pre{ font-size: 1.1em; }
blockquote{font-weight:500;text-align: left;}

/*p{font-size: 1.2em;  line-height:1.6em;padding:1em;}
/*not used make smaller*/
h1{font-size:1.8em; line-height:1.8em;text-align:center;margin:0;padding:0;}
/* h2 =title in tbox box etc */
h2{font-size: 1.4em;line-height:1.4em;font-weight:normal; padding:1em .2em 1em .2em;
 margin:0; text-align:center;}
/* h3 =title in ssFeed and Website name in #sitename */
h3{font-size: 1.4em; line-height:1.3em;font-weight:normal; padding:0;
 margin:0; text-align:center;}
/* h4 =text in rss box */
h4,h5{display:inline; font-size: .9em;line-height:1em; font-weight:500;text-align:left;}
/* link description in linkinfo
h4,h5{display:inline;white-space: pre-wrap; font-size: .95em; line-height:1em;text-align: left;}
/* centered text  */
h6{text-align: center;}

html {left:0;width:100%; padding:0; margin:0;}
body {left:0;width:100%; padding:0; margin:0;}

a, ul, li, img, div{padding:0; margin:0;border: 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Extra Font Settings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
/* .rssRow h3  {display:inline;} */
#headtitle h1{font-size: 1.8em;line-height:1.5em;}
.rssRow p {font-size: .8em;padding:.2em;}
DT {padding: .4em; }
DD {padding-bottom: .5em; }
.cat,.nobdate,.wbdate{font-size:.9em; line-height:1.3em;}
.hometime{font-size: .9em; line-height:1.3em; text-align: center; font-weight:400;}
.info-bl, .info-br {padding:0; margin:0;}
/*.vidlist li {cursor:pointer;}*/

@media only screen and (orientation: portrait) {
#homeframe{width:100% !important;}
#topicframe{width:100% !important;}
#videoframe{width:100% !important;}
/*#rssframebox{width:180%; height:95%;hidden;overflow-x: scroll;} */
.rssFeed{width:100% !important;}
#rssframebox{ width:808% !important; overflow-x:scroll;}
.hometime{font-size: .7em !important;line-height:1.8em !important; }
.docbox{ width:95.8%; padding:2% !important; }
/*.rssFeed{width:80%  !important;}*/
}
@media only screen and (orientation: landscape) and (max-width: 700px){
.rssFeed{width:50% !important;}
}

/*~~~~~~~~Layout for pages ~~~~~~~~~~~~~~~~~~~~~~ */
  /* ~~~~~Outside Content Frames ~~~~~ */
div{display:block; position:relative; margin:0; padding:0;}
.activ{height:auto; padding: 1em 0 1em 0;text-align:center; cursor:pointer;}
.activ.phone{height:4em;}
.headframe{  top:0; left:28.5%;width:64%; height:auto; }

.headtabbox{ position:absolute; display:inline-block;left:28.5%; width:70%; top:0; height:4em;   z-index:4;overflow: hidden;}
/* .headframe.wide{visibility:hidden;} */
.headtabs {display:inline-block;top:0;float:left; height:100%;padding: 0 1em 0 1em; }
/* .headtabs.phone{width:30%;} */

.contenttitle{ text-align: center;padding:.5em 0 .5em 0;}
.headframe.wide{visibility:hidden;}
.contentframe{position:absolute; display: none; top:0;left:28.5%; width:64%; min-width: 20em; min-height: 50px;  border:0;margin:0;padding:0;}
.contentframe.wide{left:.1%;width:99%;}
.contentframe.current{display:block;}
.rightcol{position:absolute; display:block; right:0; width:6%; top:0; bottom:0;}
/*.contentframe.phone{top:0;} */
/*~~~~~ menu on/off up butt ~~~~~~~`` */
#menutab{position: fixed; left:0; top:0; width:8%;height:5em; padding: 1em 0 0 0; opacity: .6; z-index: 10;}
#menutab:hover{opacity: 1;}
#menuimg{position:absolute; left:6%; top:10%; width:85%; height:90%;}
.gopagetop{position:fixed;right:1em; bottom:2em; width:3em; padding: 1em 0; opacity: .6; z-index:3;}
.gopagetop:hover{opacity: 1;}

/* add phone*/
/* ~~~~~~Inner Content Frames ~~~~~~~~~*/
.menuframe{position:fixed; display: none; top:0; bottom:0; top:0; width:28%; overflow-x: hidden;overflow-y: scroll;}
.menuframe.wide, .menuframe.current { display:block;}

.menuhead{left:20%<br; width:79.7%;}
#logobox{left:30%; width:70%; height:6em;cursor:pointer;z-index:2;}
#rssframebox{left:0;width:130em; top:0;bottom:0;z-index:-1;display: none; }
#rssframebox.current {display: block;}
#rsslistbox{left:8em;top:0; width:130em; height:100%;}
#RSSmenu{top:6em;display: none;z-index:1;}
#RSSmenu.current {display: block;}

#videoframe { overflow: hidden;}
/* #rssframebox{overflow:scroll;} */
/*~~~~~ leftcontent menu tabs ~~~~~~*/
.hometabs,.rsstabs,.topictabs,.vidtabs{width:99%;white-space: nowrap;}
.hometabs.current,.rsstabs.current,.topictabs.current{width:101.5%;}
#hometab0{visibility:hidden;height:0; }
#hometab0.current { visibility:visible;height:3em;}
#tmenubar.wide{visibility:hidden;}
.maintabs {float:l<breft; width:24%;height:4em;}
.maintabs.phone{width:30%;}

/* ~~~~~~tbox=general container~~~~~~~~~~~~~~~~  */
.tbox,.tboxb { left:0;right:0; margin:.1em 0 .1em 0;}
.tboxt{ left:0;right:0; padding:.8em 1em .8em 1em;margin:.1em 0 .1em 0;}
/* .tbox.selected{border:3px ridge white;} */
.vbox{ margin:0 0 .2em 0;}
/*~~~~~~~~ box to show expanding iframes and divs ~~~~~~~~ */
.docframe{top:0;  width:99.7%;margin-bottom:0; display: none;}
.docframe.current{height:auto; margin-bottom:.5em;  display: block;}

.docbox{ top:0; height:0; width:89.7%; padding:5%;display: none;}
.docbox.current{height:auto; min-height:10em; display: block;}

.vidbutt{ left:0; width:99.8%;}
.vidbutt.current{width:80%;}
.widescreen{position:absolute;top:0; bottom:0;left: 80%;width:20%; display: none;}
.widescreen.current{display:inline-block; visibility:visible;z-index:2;}
.vidbox{ top:0; height:0; width:99.7%;margin-bottom:1em;display: none;}
.vidbox.current{height:auto; display: block;}
.menvidbox{ top:0; height:0; width:99.7%;display: none;}
.menvidbox.current{height:auto; display: block;}

.vidiframe{height:99%;width:99%;}
.fullscr{position:absolute;right:.1%;bottom:0;width:10%;z-index: 10;}
.showbutt{width: 99.7%; height:auto; margin:.1em 0 .1em 0;}

.hidebutt{width: 99.7%; height:0 ; margin:.1em 0 .1em 0;display: none;}
.hidebutt.current{ height:auto; display: block; }

/* ~~~~~~goto site and show feed(inside links tbox)~~~~~*/
.sitename{position:absolute;left:0;top:0; bottom:0; width:40%; min-height: 2.5em; padding: 1em 0 1em 0;
  text-align: center; z-index: 3;}
.siteinfo{left:38%;top:0; height:auto; min-height: 3em; width:57%;
line-height:1.1em; padding-top:.5em;  padding-left:3.5%;padding-right: 1%;text-align: left;}
/*.feedstat{position:absolute;  right:.4em;bottom:.5em;height:1em; width:50%;text-align:right;} */

/* ~~~~~~~~ status display divs for catagory and date inside tbox ~~~~~~~~~~~~~~~ */
.infodiv-tl{position:absolute; left:.3em;bottom:.5em;height:1.7em; width:49%; text-align:left;}
.infodiv-tr{position:absolute; right:.3em;bottom:.5em;height:1.7em; width:49%; text-align:right;}
.infodiv-bl{position:absolute; left:.3em;bottom:.5em;height:1em;width:50%; text-align:left;}
.infodiv-br{position:absolute; right:.3em;bottom:.5em;height:1em;width:50%; text-align:right;}
/* ~~~~~~~~ active or different style ~~~~~~~~~~~~~~~~~~~  -*/
.statdiv-bl{position:absolute; left:1em;bottom:.5em; height:1em; width:50%; text-align:left;}
.statdiv-br{position:absolute; right:.4em;bottom:.1em; height:.9em; width:50%;text-align:right;}

.info-bl{ position:absolute;left:0;bottom:0;height:1em;width:25%; text-align:center;}
.info-center{ position:absolute;left:26%; width:48%;bottom:0;height:3em;  text-align:center;}

.info-br{ position:absolute;right: 0;bottom:0;height:1em;width:25%; text-align:center;}


/* Setup thumb/text inside tbox NB make 1 position relative to size tbox, other absolute to match */
.tboxthumbleft{position:relative; top:0; height:10em; width:30%; padding-left:1%;}
.tboxtxtright{position:absolute;display:inline; top:0; right:0; width:68%;overflow-y:auto;}
.tboxtxtleft{position:relative; top:0; left:15%; height:7.5em; width:56%; overflow:auto;}
.tboxthumbright{position:absolute; left:71%; top:0; height:7.6em; width:29%; }

/* ~~~~~~~~~~~~~~~~~~~~ Header  in index.htm ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.closediv{position:fixed;right:.1%;top:4em;width:8%;}
.closediv.settings{top:0;}

.godivtop{position:fixed;right:.1%;top:4em;width:8%;}
.godivtop.settings{top:0em;}
.godivbottom{position:fixed;right:.1%;bottom:3em;width:8%;}
.gopagetop{position:fixed;right:.1%;bottom:1em;width:7%;z-index:3;}

/*~~~~~ settings menu on homepage ~~~~~~~`` */
.setbar{top:.5em;left:0;width:109%; height:3em;}
.settab,.settxt{float:left;top:0px;width:15%;height:2.5em;padding-top:.7em}
.settxt{width:9%; padding-top:.8em; text-align:center;}

/*~~~~~ homepage page menu ~~~~~~~``
.pagnum{top:0;left:1%;width:96%; height:3em; margin-top:3em; margin-bottom:1em;}
.ptab{float:left;top:1px;width:21%;}
*/
/*~~~~~ topsites page icons ~~~~~~~`` */
#siticons{display:inline-block; left:0; top:9%; height:3em; width:99%; z-index: 1}
.siticon{top:0; float:left; margin-left:.3em; height:3em; }
/* ~~~~~~~~~~~~~~~~~~~ Boxes for world time display on homepage ~~~~~~~~~~~~~~~~~~~~
*/
#headglobe{ left:1em; top:.5em; height: 30px; }

#wtimebox{position:absolute; left:4.4em; top:0; height:3em;border:0;
 list-style:none; margin:0;padding:0;z-index: 1}
.hometime{float:left; top:1px; height:100%; padding:0 .2em 0 .2em;}
#finbutt1{}inline
  /* red red  Screen Functions red red */

/* ~~~ style for RSSfeed inside a .docframe frame for full page RSS  */
.RSSpageHead { position:absolute; top:0; left:0;width:99.7%; height:2em;}
.RSSpageHead { line-height:1.2em; text-align:center; padding:0;}
.RSSpageEntry {overflow: hidden; left:1px;width:99.7%; height:auto; padding:.5em 0 .2em 0;}

/* red  style for RSSfeed loaded inside a list red   */
.RSSfeedlist{ display:inline-block;float:left; top:0; width:15em; height:99%; overflow-x:hidden; line-height:1.3em;}
/* ~ Style for Box title content box for RSS Box list */
.rssHeader {position:absolute;top:0; width:15em;height:2em;text-align: center;  }
.rssHeader {white-space:nowrap; overflow:hidden;}
.rssBody{position:absolute; left:0; top:2.1em; bottom:0; width:99%; overflow-y:scroll; overflow-x:hidden;list-style-type:none; padding:0;margin:0;}
.rssRow{left:0;right:0; padding:.1em;overflow-x: hidden;  }


/* ~~~~~~~~~~`` to show hide full page from ticker ~~~~~~~~*/
.RSSexpander {position:absolute;right:0;top: 0; width:20%;	height:24px;
cursor:pointer; text-align:center;}
.RSSreducer {position:absolute;right:0;top: 0; width:100px;	height:32px;
cursor:pointer;text-align:center;}
/* ~~~ style for wait for loading gif ~~~ */
#rsswait{position:absolute;left:42%;top:30%;
width:20%; height:6em;}
#rssimg{height:100%;width:100%; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Side Bar Lists keep but not used~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#htickerleft1,#htickerright1 {position:relative; display:block; float:left; width:99%; height:500px;} #htickerleft1,#htickerright1{font-size:.8em;  line-height:1em;}
#htickerright1{float: right;}
#htickerleft1,#htickerright1{border:1px solid navy; border-radius:8px; box-shadow:3px 3px 5px grey;}