/* HTML */
body {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 768px;
  background: #fff;
  font: 95% Helvetica, Arial, sans-serif;
  text-align: justify;
  background-image: url(images/widernet/bgd.jpg);
  background-repeat: repeat-x;
  }
a {
  color: #3c5a5a;
  text-decoration: underline;
  }
a:hover {
  color: #3c5a5a;
  text-decoration: none;
  background-color: #d0e0e4;
  }
h1,h2,h3,h4,h5,h6{
  margin: 0.6em 0 .2em 0;
  padding: 0;f
  font-family: Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 1.2em;
  font-weight: bold;
  }
  
h2,h3,h4,h5,h6{margin: 0 0 .2em 0;}  
h2 {font-size: 1em;}
h3 {font-size: 0.96em;}  
h4 {font-size: 0.92em;}  
h5 {font-size: 0.88em;}  
h6 {font-size: 0.82em;}
  
/* Make the color of the top heading same as logo color */
h1.title{
  color: #3a6e8f;
}  
  
p {
  margin: 0.5em 0 1em 0;
  padding: 0;
  font: 100% Helvetica, Arial, sans-serif;
  }
  
/* basic page layout */
#container {
  width: 100%;
  margin: 0;
  border: 1px solid #bbb;
  border-top: none;
  float: left;
  background: #fff;
  }
#header {
  width: 100%;
  height: 28px;
  background: #3a6e8f;
  text-align: right;
  /*float: left;*/
  position: relative;
  }

#UIlogo {
  position: absolute;
  top: 0px;
  left: 0px;
  /*
  width: 150px;
  height: 28px;
  */
  }
#subheader img {
  padding-left: 10px;
  padding-top: 10px;
  }
#main {
  width: 100%;
  margin:0px;
  float: right;
  }

#content {
  width: 495px;
  float: right;
  padding-right: 35px;
  text-align: left;
  margin-top: 20px;
  font: 100% Helvetica, Arial, sans-serif;
  position:relative;
  }

#content .tabs, #contentEP .tabs{
  font-size: 90%;
}
  
#donate {
  float: left;
  width: 99%;
  border-bottom: solid 1px #b6b7b8;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  margin-top: -20px;
  }
#donate p {
  font-size: 1.0em;
  font-family: Helvetica, Arial, sans-serif;
  color: #3c5a5a;
  margin: 30px 0 0 0;
  }
.donate {
  /* width: 320px; */
  text-align: left;
  float: left;
  font-size: .9em;
  }
.bandwidth {
  /* width: 175px; */
  text-align: right;
  float: right;
  font-size: .8em;
  }
#nav {
  width: 20%;
  float: left;
  padding: 15px 20px;
  margin-right: -30px;
  font-size: 80%;
  
  }
a.logo_link {
  text-decoration: none;
  }  
a.logo_link:hover {
  background-color: #fff;
  }  

#edit-search-block-form-1 {
  width: 8em;
  }
  
#logo_widernet {
  margin-top: 17px;
  /*width: 200px;
  margin-left: 5px;*/
  }

#logo_widernet_ws {
  margin-top: 17px;
  /*
  width: 150px;
   margin-left: 5px; */
  }  
.contactinfo {
  /* margin-left: 5px;*/
  }
#footer {
  clear: both;
  float: left;
  font-size: 0.8em;
  color: #6b7e2e;
  margin-top: 25px;
  }

/* menus */
 .pagemenu ul.adxm {
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0px;
  /* font-size: .8em; */
  font-family: Helvetica, Arial, sans-serif;
  }
.menu {
  width: 15em;
  }
.menu, .menu ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
  }
.menu li {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  position: relative;
  }
.menu li:hover {
  white-space: normal;
  }
.menu ul {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  }
.menu li:hover > ul {
  visibility: visible;
  left: 100%;
  }
.menu:after, .menu ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
  }
.menu, .menu ul {
  min-height: 0;
  }
.menu ul {
  background-image: url(https://widernet.org/sites/all/themes/widernet/images/empty.gif);
  padding: 10px 10px 10px 0px;
  margin: -15px 0 0 -10px;
  }
.menu, .menu ul li {
  color: #505153;
  background-color: #fff;
  }
.menu {
  width: 11em;
  }
.menu ul {
  width: 11em;
  }
.menu a {
  text-decoration: none;
  color: #505153;
  padding: .4em 0;
  display: block;
  }
.menu a:hover, .menu li:hover > a {
  color: #486868;
  }
.menu li {
  border-bottom: 1px solid #b6b7b8;
  padding-left: 0;
  margin-left: 0;
  }
.menu > li + li, .menu ul > li + li {
  border-top: 0;
  }
.menu li:hover > ul {
  top: 5px;
  left: 90;
  }

ul.dynamic-persistent-menu-menu li {
  color: #000;
  display: inline;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-right: 5px;
  text-decoration: none;
  border: 1px solid #ebebeb;
  background-color: yellow;
  margin-left: auto;
  margin-right: auto;
  }
ul.dynamic-persistent-menu-menu {
  margin-bottom: 5px;
  margin-top: 5px;
  }
  /* sub menu items for dynamic display menu */
ul.dynamic-persistent-menu-sub-menu {
  position: absolute;
  background-color: pink;
  }
ul.dynamic-persistent-menu-sub-menu li {
  border: 0px solid #ebebeb;
  border-top-width: 0;
  background-color: #fff;
  padding: 2px 5px;
  width: 12em;
  position: relative;
  }

/*== Widescreen Menus ===*/  
ul.nice-menu-down {
  border: 1px solid #ccc;
  float: none;
  background-color: #eee;
  line-height: 1.2em;
  font-size: 80%;
  }

* html ul.nice-menu-down  {
  height: 1%;
  }
ul.nice-menu-down a {
  text-decoration: none;
  }
  
/* blocks */
#block-block-1 h2 {
  display: none;
  }
#slideshow {
  height: 133px;
  width: 495px;
  float: left;
  margin-bottom: 10px;
  }
#slideshow h2.title {
  display: none;
  }
#block-block-2 {
  margin-top: 50px;
  }

/* Drupal class/id overrides */
.node .submitted {
  font-size: 0.6em;
  }
li.leaf, li.expanded {
  list-style-image: none;
  }
.container-inline {
  color: #505153;
  }

.content {
  color: #333;
  /* font-size: 0.7em; */
  line-height: 1.4em;
  text-align: left;
  } 

#nav .content{
  font-size: .8em;
}
table#attachments {
  margin-left: 50px;
  }
#attachments thead {
  display: none;
  }
#attachments tbody {
  border-top: 0px;
  border-bottom: 0px;
  background-color: #fff;
  }
#attachments tr.odd, #attachments tr.even {
  border-top: 0px;
  border-bottom: 0px;
  background-color: #fff;
  color: #505153;
  }

/* etc. */
#header p {
  margin-right: 20px;
  font-size: 10px;
  color: #fff;
  margin-top: 8px !important;
  margin-top: 6px;
  }
#header a, #subheader a {
  color: #fff;
  text-decoration: none;
  }
#header a:hover, #subheader a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #fff;
  }
#header a:visited {
  color: #fff;
  text-decoration: none;
  }
#header a:visited:hover {
  color: #fff;
  text-decoration: none;
  /*background-color: #1f3838;*/
  }
#donate a {
  text-decoration: none;
  }
#attachments a {
  color: #505153;
  text-decoration: none;
  }  
.smallitalic {
  font-size: 0.7em;
  font-style: italic;
  color: #333;
  }
.smallbold {
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
  }
.image-attach-body {
  float: left;
  margin: 1em 0;
  padding: 0;
  display: none;
  }
.clear {
  clear: both;
  }
.contactdiv {
  /*margin-top: 5px;*/
  margin-bottom: 30px;
  }
  
/*---- Comments Styles ----*/
.comment_add {
  font-size: 0.8em;
  }
#comments {
  position: relative;
  top: -1px;
  border-bottom: 5px solid #e9eff3;
  margin: 0 0 0 0;
  padding: 0 25px;
  }
#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  }
.comment {
  margin: 0 -25px;
  padding: 0 25px 5px;
  border-top: 1px solid #e9eff3;
  }
.indented {
  margin-left: 25px;
  }
.comment .title {
  font-size: 0.8em;
  font-weight: bold;
  }
.comment h3 a.active {
  color: #494949;
  text-decoration: none;
  }
.comment .submitted {
  font-size: 0.6em;
  }
.comment .content {
  margin: 0px;
  padding: 0px;
  }
.comment .content p {
  margin: 0px;
  padding: 0px;
  }
.comment .links ul {
  border: 0px solid;
  margin: 0px;
  padding: 0px;
  font-size: .7em;
  }
.confluence h1, .confluence h2, .confluenc h3, .confluence h4{
  font-weight:bold;
}
.confluence h2, .confluence h3 {
  color: #333333;
  font-size: 1.2em;
  margin-top: 20px;
}
.confluenceTh{
border: 2px solid #CCCCCC;
background-color: #F0F0F0;
padding: 5px;
}

.confluenceTd{
border: 1px solid #CCCCCC;
padding: 5px;
}
.confluence .code.panel{
border: 1px dashed #CCCCCC;
padding: 5px;
}
.confluence .code .codeHeader{
  background: none repeat scroll 0 0 #F0F0F0;
}

/** styles for endpoint **/
#contentEP {
  margin: 10px;
}

/** Styles for Edit View **/
body#wysiwig{
  background: #ffffff;
}
#contentEdit {
  width: 700px;
  float: right;
  padding-right: 35px;
  padding-top: 30px;
  text-align: justify;
  font-size: 80%;
  }

.view-sample-gallery .views-field-image-image {
  float: left;
  padding-right: 3px;
  }