/* Utility popup and list styling */

ul.utility-icons {
	float:left;
	position: relative;
	margin: 0 0 5px 0;
}
ul.utility-icons li {
	float:left;
	background:none;
	padding-left: 0px;
}
ul.utility-icons li a,
ul.utility-icons li span {
	float:left;
	padding-left:21px;
	margin-right:4px;
	line-height:2em;
}
ul.utility-icons li a.terms-link {
	float: right;
}
ul.utility-icons li span {
	width: auto;
}
ul.utility-icons li span#utility-like {
	display: none;
}
ul.utility-icons li a.printable {
	background: url(../images/css-images/content/utility-icons.gif) no-repeat -1px center;
}
ul.utility-icons li a.send {
	background:#fff url(../images/css-images/content/utility-icons.gif) no-repeat -270px center;
}
ul.utility-icons li a.share {
	background:#fff url(../images/css-images/content/utility-icons.gif) no-repeat -539px center;
}
ul.utility-icons li a.blog {
	background:#fff url(../images/css-images/content/blog-icon.gif) no-repeat 1px 4px;
}
ul.utility-icons li a.comment {
	background:#fff url(../images/css-images/content/comment-icon.gif) no-repeat 1px 4px;
}
ul.utility-icons li a.like{
	background:#fff url(../images/css-images/content/popularity-icon.gif) no-repeat 1px 4px;
}
ul.utility-icons li span.like {
	background:#fff url(../images/css-images/content/popularity-icon-grey.gif) no-repeat 1px 4px;
}
ul.utility-icons li a.more{
	background:#fff url(../images/css-images/content/plus-icon.gif) no-repeat 1px 4px;
}
/* GP:MB-update-24-03-10-New utility item added */
ul.utility-icons li a.donate-utility{
	background:#fff url(../images/css-images/content/donate-icon.gif) no-repeat 1px 4px;
}

ul.utility-icons li a.printable:focus,
ul.utility-icons li a.printable:active,
ul.utility-icons li a.send:focus,
ul.utility-icons li a.send:active,
ul.utility-icons li a.share:focus,
ul.utility-icons li a.share:active,
ul.utility-icons li a.blog:focus,
ul.utility-icons li a.blog:active,
ul.utility-icons li a.comment:focus,
ul.utility-icons li a.comment:active,
ul.utility-icons li a.like:focus,
ul.utility-icons li a.like:active,
ul.utility-icons li a.more:focus,
ul.utility-icons li a.more:active,
ul.utility-icons li a.donate-utility:focus,
ul.utility-icons li a.donate-utility:active {
	color: #2b8006;
	text-decoration: underline;
}
/* End update */
#utility-send-box div.form-row , 
#utility-send-box2 div.form-row , 
#utility-send-box-main div.form-row , 
#utility-share-box-main div.form-row  {
	background-color: #fff;
	line-height: auto;
	padding-left: 0px;
	width: auto;
	margin-bottom: 10px; /* ie7 fix */
}
#sharing-module ul li a {
	width: 106px;
}
ul.two-col-utility-icons li a  {
	width: 100px;
}

/* Utility popupboxes */

#utility-share-box,
#utility-send-box,
#utility-blog-box {
	position: absolute;
	display: none;
	left: 64px;
	width: 400px;
	border: 9px solid #CDCDCD;
	background-color: #fff;
	z-index: 10;
}
#utility-share-box{
	top: -246px;
	height: 225px;
}
#utility-blog-box{
	top: -246px;
	height: 225px;
}
#utility-share-box .share-content,
#utility-blog-box .share-content,
#utility-blog-box-main .share-content,
#utility-share-box-main .share-content {
	height: 156px;
	width: 384px;
	overflow: auto;
	background-color: #fff;
}
#utility-send-box {
	top: -329px;
	height: 300px;
}
#add-comment{
	top: -263px;
	height: 241px;
}
#add-comment{
	position: absolute;
	display: none;
	left: 3px;
	width: 400px;
	border: 9px solid #CDCDCD;
	background-color: #fff;
}
#add-comment-top {
	position: absolute;
	display: none;
	left: -27px;
	top: -246px;
	width: 400px;
	border: 9px solid #CDCDCD;
	background-color: #fff;
}
#add-comment2 {
	position: relative;
	width: 400px;
	border: 9px solid #CDCDCD;
	background-color: #fff;
	height: 250px;
	margin-bottom: 200px;
}
#utility-share-box-main,
#utility-blog-box-main,
#utility-send-box-main {
	position: absolute;
	display: none;
	left: -247px;
	width: 400px;
	border: 9px solid #CDCDCD;
	background-color: #fff;
	z-index: 100;
}
#utility-share-box-main{
	top: -228px;
	height: 224px;
}
#utility-send-box-main {
	top: -295px;
	height: 300px;
}
#utility-blog-box-main {
	top: -178px;
	height: 224px;
}
#utility-send-box div.form-row label,
#utility-send-box2 div.form-row label,
#utility-send-box-main div.form-row label{
	float: left;
	width: 160px;
	margin-right: 10px;
	text-align: right;
}
#utility-send-box div.form-row input,
#utility-send-box2 div.form-row input,
#utility-send-box-main div.form-row input{
	width: 180px;
}
#utility-send-box div.form-row textarea,
#utility-send-box2 div.form-row textarea,
#utility-send-box-main div.form-row textarea{
	width: 180px;
	height: 100px;
	overflow: hidden;
}
#utility-send-box div.form-row input.submit,
#utility-send-box2 div.form-row input.submit,
#utility-send-box-main div.form-row input.submit{
	width: auto;
	margin-left: 171px;
	border: none;
	width: 64px;
	height: 22px;
	background: url(../images/css-images/content/send-button.gif) no-repeat left top;
}
#utility-share-box legend,
#utility-blog-box legend,
#utility-blog-box-main legend,
#utility-share-box2 legend,
#utility-share-box-main legend{
	display: none;
}
#utility-share-box input,
#utility-blog-box input,
#utility-blog-box-main input,
#utility-share-box2 input,
#utility-share-box-main input{
	width: 269px;
	color: #686868;
}
#utility-share-box2,
#utility-send-box2 {
	position: relative;
	width: 400px;
	
	border: 9px solid #CDCDCD;
	background-color: #fff;
}
#utility-share-box2 {
	height: 220px;
}
#utility-send-box2 {
	height: 300px;
}
ul.utility-icons .utility-header {
	width: 385px;
	height: 40px;
	margin-bottom: 8px;
}
ul.utility-icons .utility-header span{
	padding-left: 0px;
}
#add-comment div,
#add-comment-top div,
#add-comment2 div,
#utility-share-box div,
#utility-blog-box div,
#utility-blog-box-main div,
#utility-share-box2  h1,
#utility-send-box div,
#utility-send-box2 h1,
#utility-send-box-main div,
#utility-share-box-main div{
	background-color: #E5E4E5;
	padding-left: 15px;
	line-height: 2.5em;
	width: 385px;
}
#add-comment a.close,
#add-comment-top a.close,
#add-comment2 a.close,
#utility-share-box a.close,
#utility-blog-box a.close,
#utility-blog-box-main a.close,
#utility-share-box2  a.close,
#utility-send-box a.close,
#utility-send-box2 a.close{
	float: right;
	background: #E5E4E5;
	cursor: pointer;
}
#add-comment a.close,
#add-comment-top a.close {
	left: 330px;
	top: 8px;
}
#utility-send-box-main a.close,
#utility-blog-box-main a.close,
#utility-share-box-main a.close {
	position: absolute;
	top: 13px;
	left: 291px;
	background: #E5E4E5;
	cursor: pointer;
}
#utility-share-box a,
#utility-blog-box a,
#utility-share-box2  a,
#utility-send-box a,
#utility-send-box2 a,
#utility-send-box-main a,
#utility-blog-box-main a,
#utility-share-box-main a  {
	background: none;
	padding-left: 0px;
}
#utility-share-box a:hover,
#utility-blog-box a:hover,
#utility-share-box2  a:hover,
#utility-send-box a:hover,
#utility-send-box2 a:hover,
#utility-send-box-main a:hover,
#utility-blog-box-main a:hover,
#utility-share-box-main a:hover {
	text-decoration: underline;
}
#utility-share-box a:focus,
#utility-blog-box a:focus,
#utility-share-box2  a:focus,
#utility-send-box a:focus,
#utility-send-box2 a:focus,
#utility-send-box-main a:focus,
#utility-blog-box-main a:focus,
#utility-share-box-main a:focus,
#utility-share-box a:active,
#utility-blog-box a:active,
#utility-share-box2  a:active,
#utility-send-box a:active,
#utility-send-box2 a:active,
#utility-send-box-main a:active,
#utility-blog-box-main a:active,
#utility-share-box-main a:active {
	text-decoration: underline;
	color: #2B8006;
}
ul.utility-icons li .media-icon {
	float: left;
	padding-left: 0px;
	margin: 4px 5px 0px 0px;
}
#utility-share-box ul,
#utility-blog-box ul,
#utility-blog-box-main ul,
#utility-share-box2  ul,
#utility-share-box-main  ul{
	margin: 15px 0px 0px 10px;
	width: 350px;
	background-color: #fff;
}
#utility-share-box ul li,
#utility-blog-box ul li,
#utility-blog-box-main ul li,
#utility-share-box2  ul li,
#utility-share-box-main  ul li{
	float: left;
	width: 150px;
	background: url(../images/css-images/content/hr.gif) no-repeat left top;
	line-height: 2em;
	margin-right: 10px;
	padding-left:0px;
}
#add-comment label.name,
#add-comment2 label.name,
#add-comment-top label.name,
#add-comment label.email,
#add-comment2 label.email,
#add-comment-top label.email  {
	line-height: 3.2em; /* ie6 fix */
	color: #424240;
	width: 66px;
}
#add-comment div,
#add-comment-top div {
	width: 385px;
}
#add-comment input.name-input,
#add-comment2 input.name-input,
#add-comment-top input.name-input,
#add-comment input.email-input,
#add-comment2 input.email-input,
#add-comment-top input.email-input {
	width: 200px;
	margin-top: 10px; /* ie6 and ie7 fix */
}
#add-comment legend,
#add-comment label.textarea,
#add-comment-top legend,
#add-comment-top label.textarea,
#add-comment2 legend,
#add-comment2 label.textarea{
	display: none;
}

#add-comment textarea,
#add-comment-top textarea,
#add-comment2 textarea{
	margin: 10px 0px 0px 10px;
	width: 373px;
	height: 120px;
}
#add-comment input.submit,
#add-comment-top input.submit,
#add-comment2 input.submit{
	margin: 3px 0px 0px 10px;
}

/* Add Like box */
.utility-items {
	position: relative;
	margin-bottom: 10px;
}
.utility-items li{
	float: left;
	background: none;
	padding-left: none;
}
.utility-items span{
	width: auto;
}
.utility-items a:focus,
.utility-icons a :active {
	color: #2b8006;
	text-decoration: underline;
	background-color: #fff;
}
.article-utility-links {
	height: 40px;
}
#add-like,
#add-like2{ /* ie6 fix */
	position: absolute;
	border: 9px solid #CDCDCD;
	background-color: #fff;
	top: -90px;
	left: -21px;
	display: none;
	width: 216px; 
	height: 70px;
	text-align: left;
	z-index: 10;
}
#add-like span,
#add-like2 span{
	/*margin-left: 10px;*/
	padding-left: 0px;
	line-height: 1.5em;
}
#add-like a,
#add-like2 a{
	padding-left: 0px;
	margin-right: 20px;
}
#add-like {
	left: 296px;
}

#close-likes,
#close-likes2 {
	display: block;
	width: 206px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	margin-bottom: 5px;
	background-color: #E5E4E5;
	padding: 0px 10px 0px 0px;
}

#close-likes:focus,
#close-likes:active,
#close-likes2:focus,
#close-likes2:active {
	color: #2B8006;
	text-decoration: underline;
}
#add-like3 {
	border: 9px solid #CDCDCD;
	padding: 10px;
	width: 216px;
	height: 52px;
}




.add-like,
.add-like2{ /* ie6 fix */
	position: absolute;
	border: 9px solid #CDCDCD;
	background-color: #fff !important;
	top: -90px;
	left: -21px;
	display: none;
	width: 216px; 
	height: 70px;
	text-align: left;
	z-index: 10;
}
.add-like span,
.add-like2 span{
	/*margin-left: 10px;*/
	padding-left: 0px !important;
	line-height: 1.5em !important;
}
.add-like a,
.add-like2 a{
	padding-left: 0px;
	margin-right: 20px;
}
.add-like {
	left: 296px;
}

.close-likes,
.close-likes2 {
	display: block;
	width: 206px;
	height: 20px;
	line-height: 20px !important;
	text-align: right;
	margin-bottom: 5px;
	background-color: #E5E4E5;
	padding: 0px 10px 0px 0px !important;
}

.close-likes:focus,
.close-likes:active,
.close-likes2:focus,
.close-likes2:active {
	color: #2B8006;
	text-decoration: underline;
}
.add-like3 {
	border: 9px solid #CDCDCD;
	padding: 10px;
	width: 216px;
	height: 52px;
}