/* 
This is the CSS file for the Share and View Source Icons
*/
#arbx { 
  position: relative;
 	display: none;
 	margin: auto;
 	text-decoration: none;
}
#arbx a {
 	margin: auto;
 	text-decoration: none;
}
#arbx a:hover {
 	margin: auto;
 	text-decoration: none;
}
#vmbx {
  position: relative;
 	color: #0088dd;
}
#vwbx {
 	background: url('../../images/viewsource.png') repeat-x center top;
 	height: 20px;
 	padding: 3px;
 	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 140px;
  float: left;
}
#vwbx a{
 	text-decoration: none;
 	/*text-align: center;*/
 	font-size: 17px;
 	margin-right: 5px; 
}
#vwbx a:link {
  text-decoration: none;
}
#vwbx:hover {
	text-decoration: none;
  background: url('../../images/viewsource.png') repeat-x center bottom; 
}
#vwbx a:active {
	text-decoration: none;
}

#shbx a:active {
	text-decoration: none;
}

#shbx a:link {
 	text-decoration: none;
}
/*
#shbx ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  padding-right: 1px;
  white-space: nowrap;
  position: relative;
}*/

#shbx {
  color: #508eb2;
  display: block;
  float: left;
/*  left: 170px; */
  background: url('../../images/viewsource.png') repeat-x center top;
  text-decoration: none;
  font-size: 17px;
  height: 20px;
  padding: 3px;
  margin-left: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  list-style: none;
  text-align: right;
/*  float: left;*/
}

#shbx:hover  {
  cursor: pointer;
  /* display: block; */
  background: url('../../images/viewsource.png') repeat-x center bottom; 
  color: #508eb2;
  text-decoration: none;
  font-size: 17px;
  height: 20px;
  padding: 3px;  color: #508eb2;
  margin-left: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#shbx:hover > a {
  color: #508eb2;
}

#shbx ul {
  background: transparent;
  display: none;
	border-style: solid;
	border-color: #00f;
	border-width: 1px;
  margin: 0px;
  padding: 0px;
  top: 35px;
  right: 10px;
  list-style: none;
  z-index: 200;
  position: absolute;
  width: 200px;
  background: #ddd;
  text-align: right;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#shbx ul li {
  display: block;
  margin: 3px 3px;
  padding: 3px 6px 3px 9px;
  padding-right: 3px;
  height: auto;
  font-size: 12px;
  z-index: 200;
  white-space: nowrap;
  background: transparent none;
  text-align: right;
  float: none;
}

#shbx ul li:first-child {
  border: none;
}

#shbx:hover > ul {
  display: block; 
  position: absolute; 
  cursor: pointer;
}

#shbx ul li:hover {
  display: block;
	background: transparent none;
  margin: 3px 3px;
  padding: 3px 6px 3px 9px;
  padding-right: 3px;
  height: auto;
  font-size: 12px;
  z-index: 200;
  white-space: nowrap;
  text-align: right;
  float: none;
}

#shbx ul li:hover:first-child {
  border: none;
}

#shbx ul li:hover > a {
  background: white;
  color: #355d78;
/*  padding: 0px;*/
  width: 100%;
  position: relative;
  left: 0px;
	/*top: -1px;*/
  text-decoration: none;
}

#shbx ul li a {
  display: inline-block;
}

#shbxm {
  margin-top: 5px;
  position: relative;
  color: #508eb2;
/*  bottom: 0;
  right: 5px;*/
}
#shbxm a:active {
	text-decoration: none;
}

#shbxm a:link {
 	text-decoration: none;
}

#shbxm ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  padding-right: 1px;
  float: left;
  white-space: nowrap;
}

#shbxm li.left {
  float: left;
  width: 100px;
  margin-top: 0px;
}

#shbxm li.left:first-child {
  margin-top: 0px;
}

#shbxm li.right {
  margin-left: 200px;
  width: 50px;
}

#shbxm ul li:hover > a {
  color: #508eb2;
}

#shbxm ul ul {
  position: absolute;
  background: transparent;
  display: none;
	border-style: solid;
	border-color: #00f;
	border-width: 1px;
  margin: 0px;
  padding: 0px;
  top: 15px;
  right: 17px;
  list-style: none;
  z-index: 200;
  width: 200px;
  background: #ddd;
  text-align: right;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#shbxm ul ul li {
  display: block;
  margin: 3px 3px;
  padding: 3px 6px 3px 9px;
  padding-right: 3px;
  height: auto;
  font-size: 12px;
  z-index: 200;
  white-space: nowrap;
  background: transparent none;
  text-align: right;
  float: none;
}

#shbxm ul ul li:first-child {
  border: none;
}

#shbxm ul li:hover > ul {
  display: block; 
  position: absolute; 
  right: 0;
/*  left: -150px;*/
  cursor: pointer;
}

#shbxm ul ul li:hover {
  display: block;
	background: transparent none;
  margin: 3px 3px;
  padding: 3px 6px 3px 9px;
  padding-right: 3px;
  height: auto;
  font-size: 12px;
  z-index: 200;
  white-space: nowrap;
  text-align: right;
  float: none;
}

#shbxm ul ul li:hover:first-child {
  border: none;
}

#shbxm ul ul li:hover > a {
  background: white;
  color: #355d78;
/*  padding: 0px;*/
  width: 100%;
  position: relative;
  left: 0px;
	/*top: -1px;*/
  text-decoration: none;
}

#shbxm ul ul li a {
  display: inline-block;
}