/* Remove the navbar's default margin-bottom and rounded borders */ 
/*
    body{
        padding-top:20px;
    }
   
    @media screen and (max-width: 767px) {
        body { padding-top: 60px; }
    }
    @media screen and (min-width:768px) and (max-width: 991px) {
        body { padding-top: 110px; }
    }
    @media screen and (min-width: 992px) {
        body { padding-top: 60px; }
    }

*/
 rssOutput { display:inline;max-width:400px;width:99%;background-color:#ffffcc; padding:10px; }
.rss { max-width:400px;width:99%;display:inline;min-height:30px;text-align:left; padding:4px; }
.lnk { display:inline-block;width:100%;float:left; color:green; font-weight:bold; font-size:2em; }
.lnkB {  display:inline-block;width:100%;text-align:left;  background-color:blue; color:white; }
.desc { display:inline-block;width:100%;text-align:left;  background-color:brown; color:green; margin-bottom:20px;}


.lnkI { display:inline-block;width:100%;text-align:left;  background-color:lightblue; padding:4px; 
  a:link, a:visited, a:hover, a:active { color: #000; }
}

.lk {  color: #000; }

.descI { display:inline-block;width:100%;text-align:left;  background-color:#fff; padding:4px 10px 10px 10px; color:#000; margin-bottom:20px;}


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

 body {
   font-family: 'Open Sans', Helvetica !important;
}

body .modal-bio {
    /* new custom width */
    max-width: 260px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: +40px;
    z-index:20000;
}
.modal-dialog { margin:0 auto; min-width:120px;max-width:200px; font-size:0.9em; }
.modal-header {
    background-color: #000;
    padding:5px;
    color:#FFF;
 }
 
.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /* max-height: calc(100% - 120px); */
    max-height:100px;
    overflow-y: scroll;
}
.modal-footer { height:30px; padding:4px; }
.modal-footer button { margin:auto auto; height:20px; }
.bio-body { margin:0 auto; min-width:120px;max-width:220px; font-size:0.9em; }
.cw1 { font-weight:bold;color:#FFF; font-size:1.2em;}
.cw2 { color:red; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Helvetica !important;
}
p, div {
    font-family: 'Open Sans', Helvetica !important;
}
span { font-family: 'Open Sans', Helvetica !important; }

ul,li{   font-family: 'Open Sans', Helvetica;
margin:0px;
padding:0px;
}  

    
::-webkit-scrollbar {
    width: 12px;  /* remove scrollbar space */
    background: white;  /* optional: just make scrollbar invisible */
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
}


 .navbar .navbar-collapse .dropdown-menu {   max-height:80vh!important; overflow-y:scroll!important; overflow-x:hidden!important; margin-bottom: 25px; }
    /* Remove the navbar's default margin-bottom and rounded borders */ 
 .navbar {
    padding-top: 0px;
      margin-bottom: 5px;
      border-radius: 3px;
  }
    
 .btn {
  border-radius:4;
}
 .mbody { margin:0 auto; background-color:#F7F7E4; }
 .mimage { margin:0px 30px 0px 5px; max-width:220px;float: right; }
 
    .brdr {  border: dotted 2px blue; }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }
    
    
    
    


.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 
 
/* This gets Google to fall into place */
.social-share {
	font-size: 8px;
}
 
/* This gets Facebook to fall into place */
.social-share iframe {
	vertical-align: middle;
	
}
.fb-share-button{
 margin-right:20px;
}

.twitter-share-button {
    /* width:60px; height:18px; */
    background: #55ACEE;
    color: white;
    border-radius:3px;
}
/* Set an optional width for your button wrappers */
.social-share span {
	display: inline-block;
	width: 110px;
}
 
/* Adjust the widths individually if you like */
.social-share .google {
	width: 75px;
}

 
 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}
 
 
 .copyright { min-height:40px; background-color:#000000;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}  
 
 .well img { max-height:120px; }
 
 .border-1 { border: 1px solid black; }
 
 

  /*Change icons size here*/
.social-icons .fa, .social-icons .icon  {
	font-size: 1.0em;
}

/*Change icons circle size and color here*/
.social-icons .fa, .social-icons .icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-iconsSM .icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa, .social-icons.icon-circle .icon, .social-iconsSM.icon-circle .icon { 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa, .social-icons.icon-rounded .icon {
	border-radius:5px;
}
.social-icons.icon-flat .fa, .social-icons.icon-flat .icon {
	border-radius: 0;
}





.social-icons .fa:hover, .social-icons .fa:active, 
.social-icons .icon:hover, .social-icons .icon:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active, 
.social-icons.icon-zoom .icon:hover, .social-icons.icon-zoom .icon:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active,  
.social-icons.icon-rotate .icon:hover, .social-icons.icon-rotate .icon:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple, .social-icons .icon-apple{background-color:#aeb5c5;} 
.social-icons .fa-android, .social-icons .icon-android{background-color:#A5C63B;} 
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square,
.social-icons .icon-facebook,.social-icons .icon-facebook-square {background-color:#3C599F;} 
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-fa-whatsapp{background-color:#32CCFE;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square,
 .social-icons .icon-google-plus,.social-icons .icon-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram, .social-icons .icon-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square,
 .social-icons .icon-linkedin,.social-icons .icon-linkedin-squared {background-color:#0085AE;} 
.social-icons .fa-linux, .social-icons .icon-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square,  
 .social-icons .icon-pinterest,.social-icons .icon-pinterest-square{background-color:#CC2127;} 
 
 .social-icons .icon-gmail,.social-icons .icon-gmail{background-color:#CC2127;} 


.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype, .social-icons .icon-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square,
 .social-icons .icon-twitter, .social-icons .icon-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square,
 .social-icons .icon-youtube,.social-icons .icon-youtube-play,.social-icons .icon-youtube-square{background-color:#C52F30;}  
.social-icons .icon-mail-alt { background-color:#AFCC81; }  
.social-iconsSM .icon-user { background-color:#ffffcc; color:#000; }  

#show1 { display: none; visibility:hidden; }

#more0 { display: none;  }
#more1 { display: none; }
#more2 { display: none; }
#more3 { display: none; }
#more4 { display: none; }

a { display: inline; padding: 0 10px; }


#morecontent {
    display: none;
}
.morelink {
    display: block;
}






* {
    font-family:arial;
    margin:0;
    padding:0;
}

.logo, .intro, .menu, .content {
    padding:10px;
}
.menu {
    background:#428bca;
    color:#fff;
    height:10px;
    line-height:4px;
    letter-spacing:1px;
    width:100%;
}
.content {
    margin-top:10px;
}
.menu-padding {
    padding-top:40px;
}
.content p {
    margin-bottom:20px;
}
.sticky {
    position:fixed;
    top:0;
}

/* Articles */
.artDiv { background-color:#fff; padding:8px; border:dotted 1px blue; }
.artT { background-color:#c1c1c1; margin:0; padding:0; }
.artH5{ background-color:lightblue; padding:6px; font-weight:bold; }
.artPB { float: none;
    vertical-align: middle;
     height:38px; background-color:#c1c1c1;  padding:4px 1px 1px 4px;}
.artSH { height:43px;  width:inherit; padding:4px; }
.artI, .artC { padding-top:10px; }
.artX {  width:100%;background-color:#c1c1c1; margin:0; padding:6px; font-weight:bold; color:#FFF } 
.ftNote {  font-size:0.8em; color:#ccc } 
 

#search {float: right; margin-top: 9px; width: 250px;}
.search {padding: 5px 0; width: 230px; height: 30px; position: relative; left: 10px; float: left; line-height: 22px;}
.search input {background: #d0d0d0; border: medium none; border-radius: 3px 0 0 3px; float: left; height: 36px; line-height: 18px; margin-left: 210px; padding: 0 9px; position: absolute; top: -3px; width: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.search:hover input, .search input:focus { width: 200px; margin-left: 0px; background: #d0d0d0;}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.HdBorders {
    border-top: 6px solid silver;
    border-left: 6px solid silver;
    border-right: 6px solid silver;
    border-radius:6px;
} 
/*.wrap{
     margin:auto;border:solid 2px black;border-radius: 5px;background-color:#E3DB94;
     border:solid 0px teal; background-image: url(img/background_blue.png);background-repeat: repeat;
}
*/
.wrap{  display:inline-block;
    text-align:center; width:100%; padding:5px;line-height:100%;
    border-radius: 5px;background-color:#fff; 
    border:solid 2px teal; 
}

.wrap2{  display:inline-block; padding:5px;
    text-align:center; vertical-align:middle;line-height:100%;width:100%;margin:auto; 
   background-color:#E3DB94; background-color:#000;
    /*border:solid 2px teal;  border-radius: 5px;*/ border-radius: 5px;
}

.Tlogo { margin:auto;max-width:200px;padding:4px;background-color:#fff;border-radius:4px; 
   
               background-image: url('http://inner1.com/testing/new_sites/privacy/img/NSA-spying-small.jpg');
               no-repeat center center /cover;
               box-shadow: 0 0 5px 5px  #000 inset;
	             height:111px; width:222px;
               background-position: center;
 }
.TopIMG{
         display:inline-block;margin:auto;min-height:85px;max-height:150px;border-radius: 5px;text-align:center;vertical-align:middle;

}
.TopS{
         display:inline-block;float:left;max-height:125px; padding:5px; border-radius: 6px;

}
.TopSs{
         float:right;max-height:110px; margin:5px; border-radius: 5px;vertical-align:middle;

}
.imgR{
         float:right;margin:5px;max-height:110px;  border-radius: 5px;

}
.left1 {
    display:inline-block;float: left;height:100%;text-align:center;vertical-align:middle; border:dotted 2px teal;
        display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.left {
    float: left;
    background-color:grey;
    border-radius: 5px;
    text-align:center;vertical-align:middle;
}

.leftIMG {
     max-height:150px;text-align:center;border-radius: 8px;
}
.right {    float: right; vertical-align:middle; border-radius: 5px; }


.rightIMG {
    max-height:150px;height:100%;text-align:center;border-radius: 8px;
}
.leftright {    display:inline-block;text-align:center;margin:auto;padding-top:7px; }

.RTB {
    display: table;
}
.RTB [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.center {
    padding:8px; width:auto; min-width:30%;
    background-color:#F5EC9F; border-radius: 5px;
    margin:0 auto;
    display:inline-block;
    margin:1px;text-align:center;
    
}

.center2 {
     display:inline-block; padding:10px; min-width:38%;
     display: table-cell;margin:auto;  margin:0 auto; margin-top:5px;
     text-align:center; vertical-align:middle;
     background-color:#C1C1C1; background-color:#ffffcc; border-radius: 8px;
}

/*
.center2{
    padding:10px; min-width:38%;
    border-radius: 5px;background-color:#ffffcc; border-radius: 8px;
    margin:0 auto;
    display:inline-block;
    margin-top:5px;text-align:center;
}
*/
.center2IMG{
 border-radius: 5px;background-color:#ffffff;width:100%;max-width:463px;height:100%;max-height:180px;text-align:center;box-shadow: 0 0 5px 5px  #ffffcc inset;
}

.center3 {
     /*display:inline-block;*/
     display: table;min-height:100%;margin:auto;vertical-align:middle;
}

.center4 {
     /*display: table-cell;min-height:100%;margin:auto;vertical-align:middle;*/
     margin:auto;padding:5px;background-color:#000; border-radius: 5px;
}
.centerIMG {
  border-radius: 5px;background-color:#ffffff;width:100%;max-width:463px;height:100%;max-height:180px;text-align:center;box-shadow: 0 0 5px 5px  #ffffcc inset;
} 
.center2IMG{
 border-radius: 5px;background-color:#ffffff;width:100%;max-width:463px;height:100%;max-height:180px;text-align:center;box-shadow: 0 0 5px 5px  #ffffcc inset;
} 

.lgoPL { position: absolute;    top: 22%;    left: 32%; transform: translate(-22%, -32%); }
.rTopDiv { display:block;max-width:220px;margin:auto;padding:5px; background-color:maroon; border-radius: 4px; }
.rTopHd { height:16px;margin:4px; float:left;color:#fff; }
.rTop { padding:5px 5px 5px 20px; background-color:maroon; border-radius: 2px; }
.rTopUL {  clear:left; text-align:left;vertical-align:middle;color:#fff; }
/* .rTopUL .li {  list-style-position: inside; } */

.liPosIN {   list-style-position: inside; }
.logotxt { text-align:center;color:#DBC00B;color:teal;font-weight:bold;font-size:1.3em; }
.headTitle {  font-size:1.4em;color:#0449C9;font-weight:bold; text-shadow: 2px 3px 2px #000; }
.headTitleG {  font-size:1.4em;color:#fff;font-weight:bold; text-shadow: 3px 5px 0px #474747; }
/*.headSubT  { font-size:1.4em; font-weight:bold;font-style:italic; text-shadow: 2px 3px 1px #fff;} */
.headSubT  { font-size:1.2em; color:green; font-weight:bold; font-style:italic;   }
.headSubT2  { font-size:1.2em; color:#fff; font-weight:bold; font-style:italic;  }

.zover { z-index:1000;overflow:hidden;width:100%; } 
.btn.outline {
	background-color: #fff;
	padding: 4px 8px;
}  
.btn-info.outline {
	border: 2px solid #0099cc;
	color: #0099cc;
} 
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #33a6cc;
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}  
#containr {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  background-color: white;
  padding:6px;
  border:solid 2px black;border-radius: 5px
}
#containr > div {
  width: 30%;
  min-height:150px; max-height: 220px;
  border: 0px dashed red;
}  

#display {
        width: auto;
        height:22px;
        background-color: #ccc;
        color: #222;
        margin-left: 5px;
        font-size:20px;
        text-align: center;
    }

 ul.menu li ul.submenu {
z-index: 50000; 
position: relative;
overflow: visible !important;
}


.nhide ul li { margin-left: 12px;  }
/*.nhide ul li { margin-left: 12px; background-color: yellow; list-style-position: outside; margin:10px; padding:10px;}*/


.more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }

.nhide {  max-width:600px; width:100%; 	}
.nhideL { margin: 1px 30px 0px 20px; max-height:120px;float: left;}
.nhideR { margin: 1px 30px 0px 20px; max-height:120px;float: right;}	


.bg { height:100px;border:dotted 3px red; background-image: url(img/background_blue.png);background-repeat: repeat; }


.FooterLink { margin:0 auto;padding:20px;background-color:#141414; }	
.nav_a { float:left;font-weight:bold;font-size:0.9em; color:#FFF;}
.FooterDescItem1 {  float;left;display:inline-block;vertical-align:top;padding:6px;width:150px;border: dotted 0px red; }
.FooterDescText { font-size:0.8em; }

.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}


.paddingtop-bottom {  margin-top:50px;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }
 
 
 
  
#lib {
	background-image: url('http://www.inner1.com/testing/new_sites/joyz/images/logo.jpg');
  /* box-shadow: 0 0 5px 5px  #428BCA inset; */
	/* no-repeat:cover; */
	 background-repeat: repeat-y;
  background-position: center;
  /*no-repeat: center center /cover;*/
	border: dotted 1px black;
	/* 
	min-height:140px; min-width:170px;
  max-height:180px; max-width:220px;
  */
  height:100%; width:100%; max-height:138px; max-width:135px;
  margin: 10px 10px 10px 20px; float:left;
  background-position: 0% 40%;   
  
}


 .hrD{
	//border-top: 1px solid #8c8b8b;
	background-color: red;
  width: 90%;
  height: 2px;
  float: center;
}