html{font-family: Arial,Helvetica Neueu,Helvetica;}
.aShare {
	background-position: 0 -2624px;	
	font-weight: bold;
	font-size: 11px;
	font-family: Arial,Helvetica Neueu,Helvetica;
} 
.aShareImage{
	background:url(WidgetCSSSprite.png?V1) 4px -68px no-repeat;	
	cursor: pointer;
	display: block !important;
	height: 14px !important;
	line-height: 16px !important;
	padding-left: 14px !important;								 
	text-align: left;
	color:#808080;
	width:55px;
}
.aSharehOverImage{
	background:url(WidgetCSSSprite.png?V1) 4px -51px no-repeat;
	
	cursor: pointer;
	display: block !important;
	height: 14px !important;
	line-height: 16px !important;
	padding-left: 14px !important;								 
	text-align: left;	
	color:#CC1F23;
	width:55px;
}

.aClipImage{
	background:url(WidgetCSSSprite.png?V1) 0px -101px no-repeat;
 	cursor: pointer;
	display: block !important;
	height: 16 !important;
	line-height: 16px !important;
	padding-left: 18px !important;						 
	text-align: left;	
	color:#808080;
	width:45px;
}	
.aCliphOverImage{
	background:url(WidgetCSSSprite.png?V1) 0px -84px no-repeat;
	cursor: pointer;
	display: block !important;
	height: 16 !important;
	line-height: 16px !important;
	padding-left: 18px !important;						 
	text-align: left;
	color:#CC1F23;	
	width:45px;
}	
 
.aInfoImage{
	background:url(WidgetCSSSprite.png?V1) 0px -136px no-repeat;

	cursor: pointer;
	display: block !important;
	height: 16 !important;
	line-height: 16px !important;
	padding-left: 17px !important;						 
	text-align: left;	
	color:#808080;
	width:45px;
}
.aInfohOverImage{
	background:url(WidgetCSSSprite.png?V1) 0px -119px no-repeat;
	
	cursor: pointer;
	display: block !important;
	height: 16 !important;
	line-height: 16px !important;
	padding-left: 17px !important;						 
	text-align: left;	
	color:#CC1F23;
	width:45px;
}	
#chartLogoContent{
	padding-top:5px !important;
}
.aChartLogoImage{
	background:url(WidgetCSSSprite.png?V1) 0px -198px no-repeat;
	
	cursor: pointer;
	display: block !important;
	height: 16 !important;
	width:43px;
	line-height: 16px !important;					 
	text-align: left;
	font-size: 10px;
	font-family: Arial,Helvetica Neueu,Helvetica;
	 	 
	margin-right:0px;
	padding-right:2px;
}
.aChartLogohOverImage{
	background:url(WidgetCSSSprite.png?V1) 0px -181px no-repeat;
	
	cursor: pointer;
	display: block !important;
	height: 16 !important;
	width:43px;
	line-height: 16px !important;
	/*padding-left: 20px !important;	*/					 
	text-align: left;
	font-size: 10px;
	font-family: Arial,Helvetica Neueu,Helvetica;
	  
	margin-right:0px;
	padding-right:2px;
}
.tableStyle
{
  color:#000000;
  font-size:11;
  font-family: Arial,Helvetica Neueu,Helvetica;
  font-weight:bold;
  width:345px;
}
#popupChartClose {
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	position: absolute;
	right: 7px;
	top: 2px;
}
#shareChartPopup {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #999999;
	display: none;
	font-size: 11px;    
	position: fixed;
	width: 375px; 
	height:332px;
	z-index: 2;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family:arial;
	font-weight:bold;
}
.shareChartPopupTitleBar
{
	cursor:move;
	width: 375;
	height:30px;
	background:#CE2026;
	margin-left:0px;
}
.infoChartPopupTitleBar
{
	background:#CE2026;
	width:375px;
	height:30px;
	margin-top:0px;
	top:0px;
	position:absolute;
	left:0px;
	cursor:move;
}
 .chartDetailsDiv
 {
	width:350px;
	margin-left:20px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:10px; 
	padding-top:35px;
 }
 .chartAuthorSpan
 {
	height:20px;
	width:90px;
	float:left;
 }
 .chartAuthorDiv
 {
	margin-left:90px;
	height:45px;
	width:255px;
	overflow-y: auto;
	overflow-x: hidden;
 }
 
 .chartTagsLabel
 {
	height:40px;
	width:90px;
	float:left;
 }
 .chartCopyRightTextArea
 {
	font-family:Arial,Helvetica Neueu,Helvetica; 
	font-size:12px;
	font-weight: normal;
	width:255px;
	height:45px;
	float:left; 
	resize: none;
 
	readonly:true;    
	border:0px; 
	overflow-y: auto;
	overflow-x: hidden;
 }
 .chartTagsTextArea
 {
	font-family:Arial,Helvetica Neueu,Helvetica; 
	font-size:12px;
	font-weight: normal; 
	width:255px;
	height:35px;
	resize: none; 
	readonly:true;
	    
	border:0px;   
    overflow-y: auto;
	overflow-x: hidden;	
}
#shareChartPopup h1{
	text-align:left;
	color:#FFFFFF;								 
	border-bottom:0px #D3D3D3;
	border:0px none;
	font-family:inherit;
	font-size:15;
	font-style:inherit;
	font-weight:bold;
	margin:0px;
	padding:0px;
	vertical-align:baseline;
	
	padding-top:5px;
	margin-left:5px;
	margin-right:15px;
}
#shareChartPopup hr{
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:2px;
	border-color:#d5d3d3;	 
	width:345px;	 
} 
.chartTextArea
{
   resize: none;
   width:190px;
   readonly:true;
   font-family:Arial,Helvetica Neueu,Helvetica;     
   border:0px;
   width: 240px; 
   overflow:hidden;
}
.chartInfoBox
{
  /* width:160px;*/
   font-family:Arial,Helvetica Neueu,Helvetica;
   font-size:11px;
   font-weight:normal;
   float:left;  
}
.chartdetailstextcolor{
   color: #FFFFFF;
}
.chartTags{
   color: #FFFFFF;
   display: block;
   height:48px;
   width:100%;
   padding-right:0;    
}
 
.popupiChartLogo{
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    padding-left: 320px;
    right: 20px;
    top: 270px;
}
.popupChartClose {
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}
.chartdetails {
    width: 375px; 
	height:332px;
	 
	display: none;
	position: absolute;
	
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
	margin:0px;
	padding:0px;
	 
} 
.chartdetails h1{
	border:0px none;
	font-family:inherit;
	font-size:15px;
	font-style:inherit;
	font-weight:bold;
	margin:0px;
	padding:0px;
	vertical-align:baseline;
	margin:0px;  
	color:#FFFFFF;
}
.chartdetails hr{
	margin-top:2px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:2px;
	border-color:#d5d3d3;
	float:left; 
	width:342px;
} 
.chartinfodetails{
	font-family: Arial, 'Helvetica Neueu', Helvetica; 
	font-size: 12px;  
	border-style: none; 
	border-width:1px;
	margin-left: 0px; 
	margin-right: 0px;
	border-color:#999999;
	resize: none;
    width:205px;
    readonly:true;	 
	overflow:hidden;
}
.chartDescriptionDiv
{
	padding:0px;
}
.chartDescription{
	font-family: Arial, 'Helvetica Neueu', Helvetica; 
	font-size: 12px;  
	border-style: none; 
	border-width:1px;	 
	margin-left: 0px; 
	margin-right: 0px;
	width: 255px; 
	height:135px;
	color:black;
	overflow-y: auto;
	overflow-x: hidden;
}
.chartShareEmailBody
{
	font-family: Arial, 'Helvetica Neueu', Helvetica; 
	font-size: 12px;  
	width:250px;
	height:65px;
	border:solid 1px #4D4C4D;
	overflow:hidden;
}
.chartShareInput
{
	font-family: Arial, 'Helvetica Neueu', Helvetica; 
	font-size: 12px;  
	width:250px;
	border:solid 1px #4D4C4D;
}
.chartShareInputCopyEmbed
{
	font-family: Arial, 'Helvetica Neueu', Helvetica; 
	font-size: 12px;  
	width:160px;
	border:solid 1px #4D4C4D;
}
.tdEmbedCodeSpacer
{
	width:20px;
}
.divEmbedLabel{
	float:left;
	width:60px;
}
.divCopyEmbedCodeLabel
{
	float:left;
	width:102px;
	text-align:right;
}
.divURLLabel
{
	margin-left:22px;
	float:left;
	width:60px;
}
.divCopyUrlLabel
{
	float:left;
	width:98px;
	text-align:right;
}
.advocChartLabel
{
	font-style:italic;
	margin-top:4px;
	margin-bottom:4px;
	color:#848484;
	font-size:11px;
}
.chartfooterlink{
	border:0px none;
	font-family:calibri; 
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	display:none;
}
.chartfooterlink a:link {
	color:#1242E4;
	text-decoration:none;
}

.chartwidgetlink{
	border:0px none;
	font-family:Arial, 'Helvetica Neueu', Helvetica; 
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	text-decoration: none; 
}
.chartwidgetlink a:link {
	color:#1242E4;
	text-decoration:none;
}
.chartFooterChartBy
{
	font-family:Arial, 'Helvetica Neueu', Helvetica;  
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration: none;
	color:#808080;
}
.chartfootersaveprintbutton{
	border:0px none;
	font-family:Arial,'Helvetica Neueu', Helvetica;  
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration: none;

	float:left;
	padding-top:5px;
	cursor:pointer;
	width:40px;
	color:#808080;
}
#.chartfootersaveprintbutton a:link {
    color:#1242E4;
    text-decoration:none;
}

.chartfooterviewdatabutton{
	border:0px none;
	font-family:Arial,'Helvetica Neueu', Helvetica;  
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration: none;

	float:left;
	padding-top:5px;
	cursor:pointer;
	width:70px;
	color:#808080;
}
.chartfooterviewdatabutton a:link {
    color:#1242E4;
    text-decoration:none;
}
.chartfooterAuthorlink
{
	border:0px none;
	font-family:Arial,'Helvetica Neueu', Helvetica;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	color:#868686;
	
	margin-top:4px;
	float:left;
}
.chartfooterAuthorlink a:link {
 color:#1242E4;
 text-decoration:none;
}
/*.chartfooterlink a:visited  {
 color:#inherit;
 
}
.chartfooterlink a:hover  {
 color:inherit;
 
}
.chartfooterlink a:active  {
 color:#inherit;
 
}*/

.chartHeaderViewCount
{
	margin-top:5px;
	margin-right:5px;
	font-size:11px;
	font-weight: bold;
	/*width:200px;*/
	float:right;
	font-family:Arial,Helvetica Neueu,Helvetica;
	color:#808080;
}
.clickToCopyText{
	cursor: pointer;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	color:#1D1D1D;
}
.sendButton{
    font-size:12px;
	font-weight:bold;
	font-family:Arial,Helvetica Neueu,Helvetica;
	background:none;
	margin:6px;
	padding-left:10px;
	padding-right:10px;
	background: #626262;
	border: 1px solid #626262;
	color:#FFFFFF;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:4px;
    margin-right: 14px;
 
}
.facebook_icon{
	background:url(WidgetCSSSprite.png?V1) -25px -1px no-repeat;	
}
.twitter_icon{
	background:url(WidgetCSSSprite.png?V1) 2px -26px no-repeat;
}
.pinterest_icon{
	background:url(WidgetCSSSprite.png?V1) 2px -1px no-repeat;
}
.linkedin_icon{
	background:url(WidgetCSSSprite.png?V1) -25px -26px no-repeat;
	width: 26px;
}

/* chart embed css */
/* new embed code styling start */

#ichartsembed {margin:0px;padding:0px;}

#ichartsembed iframe{margin:0px;padding:0px;}

#chartdiscussion {background: #F0EFEF; z-index: 0; padding-right: 2px; z-index: 0; padding-top: 2px;}

#chartdiscussion a {font-family: calibri, arial, sans-serif;font-weight: bold;font-size:15px;letter-spacing: -0.01em;}

#chartdiscussion a:link{color:#929292;text-decoration: none;}

#chartdiscussion a:visited{color:#929292;text-decoration: none;}

#chartdiscussion a:hover{cursor: pointer; text-decoration: none;} /*color:#C34146;*/

#ichartsembed > div:first-child{z-index: 1;}

/* new embed code styling end */

.btn{
	font-family: Arial,'Helvetica Neueu';
	display: block; 
	cursor: pointer;
	text-decoration: none; 
	width: 85px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 14px;
	background-color: #CE2026;	
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:4px;
}
.btn_grey{
	background: #626262;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:4px;
}
#unpublishPopup{
	position: absolute; 
	width: 100%; 
	z-index: 101;
    display: none;
	top: 35px;
}
#unpublishPopup .container{
	background-color: #ffffff; 
    border: 1px solid #999999; 
    width: 227px; 
    margin: auto;
}
#unpublishPopup .content{
	margin: 20px;
}
#unpublishPopup .title_wrapper{
	position: relative; 
	background-color: #CE2026; 
	height: 30px;
}
#unpublishPopup .title{
	color: #fff; font-size: 15px; 
	font-weight: bold; margin:0; 
    line-height: 30px; padding-left: 5px; 
}
#unpublishPopup p{
	font-size: 14px; 
	text-align: center;
}
#unpublishedMask{
	z-index: 4; 
	position: absolute; 
	top: 1px; 
	height:100%; 
	width: 100%; 
    background-color: #191919; 
    opacity: .75; 
    text-align: center; 
    color: #ffffff;
}
#unpublishedMask p{
	display: table-cell; 
	text-align: center; 
	vertical-align: middle;
    font-size:20px; 
    font-style:italic;
}

/*
* CSS3 Transitions and options for private chart header & dropdown menu
*/

.privatechart-header {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 22px;
    background-color: #d3d3d3;
}

.dropdown-menu {
    margin: 0;
    z-index: 2;
    padding: 0;
    position: absolute;
    top: 22px;
    left: 1px;
    clear: left;
    overflow: hidden;
    transition: max-height .25s, border .25s;
    float: left;
    background-color: whitesmoke;
    max-height: 0;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(163,163,163,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(163,163,163,1);
    box-shadow: 0px 2px 2px 0px rgba(163,163,163,1);
}



.dropdown-menu:hover {
    cursor: pointer;
}

.dropdown-menu li {
    list-style-type: none;
    text-align: left;
    width: 100%;
    padding-bottom: 4px;
    padding-top: 4px;
}

.dropdown-menu li a {
    color: #000000;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    padding-right: 30px;
    width: 100%;
    margin-bottom: -1px;
    padding-left: 6px;
    padding-bottom: 5px;
}

.dropdown-menu li:hover {
    background-color: #b2b2b2;
}
.fa-bars {
    float: left;
    padding-top: 2px;
    padding-left: 5px;
    color: #585858;
    padding-right: 5px;
    padding-bottom: 4px;
    transition: background-color .25s, color .25s;
}
.dropdown-menu li a i {
    padding-right: 4px;
}