/* default styling */
.cs-container {display: block; position: relative;}
.cs-list {display: block; position: relative;}
.cs-item {display: inline; float: left; position: relative;}
.cs-share {display: block; position: relative; float: left; width: 60px; height: 30px; border: none; text-decoration: none; overflow: hidden; cursor: pointer;}
.cs-sharetext{position: relative; vertical-align: text-top; top: 7.5px; line-height: 14pt; display: block; color: white; font-family: "DIN Web Condensed","Arial Narrow",Sans-Serif; font-size: 13pt; font-weight: normal; font-weight: bold\9; font-stretch: condensed; margin-left: 5px;}
.cs-count {display: none; position: relative; float: left; width: 60px; height: 30px; margin-left: 4px; text-align: center; background-image: url('/resources/customSocialBar/images/grey_box.png'); background-color: transparent; }
.cs-counttext{position: relative; vertical-align: text-top; top: 2px;  line-height: 16pt; display: block; color: white; font: 16pt "DIN Office Pro Medium","Arial Narrow",Sans-Serif;}
.cs-list {margin-left: 0px;}

/* google */
.cs-gp .cs-share {background-image: url('/resources/customSocialBar/images/google.png'); background-color: transparent;}
.cs-gp .cs-share:hover {background-image: url('/resources/customSocialBar/images/google_hover.png'); background-color: transparent;}
.cs-gp .cs-sharetext{margin-left: 23px;margin-left:20px\9;}
#detail.news .cs-gp .cs-sharetext{margin-left:23px;}
/* fb */
.cs-fb .cs-share {background-image: url('/resources/customSocialBar/images/Facebook.png'); background-color: transparent;}
.cs-fb .cs-share:hover {background-image: url('/resources/customSocialBar/images/Facebook_hover.png'); background-color: transparent;}
.cs-fb .cs-sharetext{margin-left: 23px;margin-left:20px\9;}
#detail.news .cs-fb .cs-sharetext{margin-left:23px;}
/* twitter */
.cs-ts .cs-share {background-image: url('/resources/customSocialBar/images/twitter_hover.png'); background-color: transparent;} /*  reversed? */
.cs-ts .cs-share:hover {background-image: url('/resources/customSocialBar/images/twitter.png'); background-color: transparent;}
.cs-ts .cs-sharetext{margin-left: 22px;margin-left:19px\9;}
#detail.news .cs-ts .cs-sharetext{margin-left:21px;}
/* email */
.cs-email .cs-share {width: 58px; background-image: url('/resources/customSocialBar/images/email.png'); background-color: transparent;} /*  reversed? */
.cs-email .cs-share:hover {background-image: url('/resources/customSocialBar/images/email_hover.png'); background-color: transparent;}
.cs-email .cs-sharetext {text-align: center; margin-left: 0px;}
/* embed */
.cs-embed .cs-share {width: 72px; background-image: url('/resources/customSocialBar/images/embed.png'); background-color: transparent;} /*  reversed? */
.cs-embed .cs-share:hover {background-image: url('/resources/customSocialBar/images/embed_hover.png'); background-color: transparent;}
.cs-embed .cs-sharetext {text-align: center; margin-left: 1px;}
/* detached custom embed form */
.cs-embed-form {height: 300px; width: 320px; z-index: 2000000000; background-color: white; border: 2px solid black;}
.cs-embed-form .embed-text{overflow-y: scroll; width: 300px; height: 200px; margin-left: 10px; padding-top: 10px; font-family: Courier, monospace; font-size: 12px; font-weight: normal;}
.cs-embed-form .embed-title{color:#1f5072; display: block; font-weight: bold; font-size: 13px; height: 16px; margin-left: 10px; margin-top: 10px;}


/* instance style customization - renamed to the classes on the same <div>, as the HTML will be dropped into the page multiple times & the id's won't be unique. They might need to be changed. Classes should remain the same on all divs. 
   The ! importants create a way for devs to continue to apply styles to <li> tags (without classes on them) in the all.widgets.css file, using "#id .class li" & it won't affect these <li> tags when they are stacked on top of the widgets & inside of the lightbox. 
   So the ! importants will overwrite the widget <li> tag styles, with these styles. */
.cs-container .cs-fb {margin-left: 0px ! important;}

.cs-container .cs-gp {margin-left: 13px ! important;}
.cs-container .cs-ts {margin-left: 13px ! important;}
.cs-container .cs-email {margin-left: 4px ! important;float:right;}
.cs-container .cs-embed {margin-left: 24px;float:right;}