body, 
html
{
    margin:0px;
    padding:0px;
}

.svg-graph
{
  background-color: #ffffff;
}




/* full-screen */
.svg-graph-fullscreen .svg-graph-search,
.svg-graph-fullscreen .svg-graph-navigation,
.svg-graph-fullscreen .svg-graph-export,
.svg-graph-fullscreen .svg-graph-filtering,
.svg-graph-fullscreen .svg-graph-legend
{
    transform:none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    font-size: 12px;
}

.svg-graph-fullscreen .svg-graph-widget-bar
{    
    transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    -o-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
}
/* end full-screen */

.ddlInfluenceScore-display
{
    text-align: right;
    color: #929292;
}

.svg-graph-widget-bar
{    
    top: 60px;   
    background-color: #ffffff;
    border: 1px none #404040;
    
    -moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;

    box-shadow: 2px 2px 8px #888888;   
}

.svg-graph-widget-bar h3.widget-title
{    
    margin:0px;
    padding:4px 8px;
    background-color:#555555;
    color:#ffffff;
    font-size:13px;     
    font-weight:normal; 
    cursor:pointer;
    position:relative;  
}

.svg-graph-widget-bar h3.widget-title span
{        
    position:absolute;  
    right:10px;
    top:9px;
    background-image:url('img/widget-hide-icon.png');
    background-repeat:no-repeat;
    width:8px;
    height:3px;
}

.svg-graph-widget-bar .widget-clossed h3.widget-title span
{            
    background-image:url('img/widget-show-icon.png');
}

.svg-graph-widget-bar .general-widget-container h3.widget-title
{        
    -moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding-right:40px;
}

.svg-graph-widget-bar div.widget-content
{        
    padding:8px 8px;    
}

.svg-graph-widget-bar .general-widget-container div.widget-content
{        
    
}

.svg-graph-widget-bar div.svg-graph-search
{    
    background-color:transparent;
    
    border: 1px solid #404040 !important;    
    -moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;

    box-shadow: 2px 2px 8px #888888;
    
    padding:3px 4px 3px 4px;
    margin:8px 8px 0px 8px;
}


.svg-graph-search input
{    
        
    width:100%;
}

.svg-graph-widget-bar .svg-graph-navigation
{
    height:26px;
    position:static;
}

.svg-graph-navigation-pan,
.svg-graph-navigation-zoom,
.svg-graph-navigation-fullscreen
{
    position:static;
    right:auto;
    left:auto;
    float:left;
}

.svg-graph-navigation-zoom,
.svg-graph-navigation-fullscreen
{
    float:right;
}

.svg-graph-navigation-pan-home,
.svg-graph-navigation-zoom-in,
.svg-graph-navigation-zoom-out,
.svg-graph-navigation-fullscreen
{
    box-shadow: 2px 2px 8px #888888;
    background-color: #ffffff;   
    top:auto; 
    left:auto;   
    position:static;      
}

.svg-graph-navigation-pan-home span,
.svg-graph-navigation-zoom-in span,
.svg-graph-navigation-zoom-out span,
.svg-graph-navigation-fullscreen span
{        
    background-image: url('img/icons-dark.png');     
}

.svg-graph-navigation-fullscreen span
{         
    background-image: url('img/fullscreen.png');
}

.svg-graph-navigation-zoom-in,
.svg-graph-navigation-zoom-out
{
    float:left;    
    margin-left:6px;
}

.svg-graph-widget-bar .help-widget-container .widget-content
{
    max-width: 200px;
}

.svg-graph-widget-bar .help-widget-container .widget-content ul
{            
    margin:0px;
    padding: 0px 0px 0px 16px;
    font-size: 11px;
}

.svg-graph-widget-bar .help-widget-container .widget-content ul li
{            
    margin-bottom:6px;
}

.svg-graph-widget-bar .help-widget-container .widget-content ul li:last-child
{            
    margin-bottom:0px;
}


/* graph title */
.svg-graph-title,
.svg-graph-sub-title
{    
	top:6px;
	left:0px;			
	font-size:18px;	
}

.svg-graph-sub-title
{    
	top:30px;	
	font-size:14px;	
    font-weight:normal;
}
/* end graph title */

/* filtering */
.svg-graph-filtering
{    		
	  
}

.svg-graph-filtering h2.svg-graph-filtering-title 
{    
    display:none;
}

.svg-graph-filtering form label
{
    font-weight:bold;
    margin-bottom:2px;
}

.svg-graph-filtering-field-container
{
    margin-bottom:14px;
}

.svg-graph-filtering form div.dropdowncheckboxlist div.checkboxlist-container label
{
    font-weight:normal;
    margin-bottom:0px;
}

.svg-graph-filtering form div.dropdowncheckboxlist input.value-display
{
    padding: 1px 0px 1px 0px;
    width: 100%; 
}

.svg-graph-filtering form .ui-slider
{
    border-style:none;
    background-color:#cccccc;
    background-image:none;
    height:8px;
    margin-left:7px;
    margin-right:11px;
}

.svg-graph-filtering form .ui-slider-range
{
    background-image:none;
    background-color:#6e6e6e;
}

.svg-graph-filtering form .ui-slider-handle
{
    background-image:url('img/jquery-ui-slider-handle.png');
    border-style:none;
    width:22px;
    height:22px;
    background-color:transparent;
    top:-7px;
}

.svg-graph-filtering form .ui-slider-handle.ui-state-focus
{    
    border-style:none;        
    background-color:transparent;     
    outline-style:none;
}

.svg-graph-filtering-field-slider
{
    position:relative;    
    padding:0px 0px;
}

.svg-graph-filtering form .svg-graph-filtering-field-slider label
{    
    margin-bottom:10px;
}

.svg-graph-filtering-field-slider-display
{
    position:absolute;
    top:0px;
    right:0px;
}

/* end filtering */

/* legend */
.svg-graph-legend
{    
    z-index:auto;

    -moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius:  0px 0px 0px 0px;
    border-radius:  0px 0px 0px 0px;

    background-color:transparent;
    color:#222222;
}

.svg-graph-legend-btn-hide
{
    display:none;
}
/* end legend */

/* tooltip */
.svg-graph-tooltip
{
    background-color:#ffffff;
    border:2px solid #555555;
    color:#555555;
    padding:0px;
    box-shadow: 2px 2px 8px #888888;   
}

.svg-graph-tooltip-btn-close
{
    top:5px;
    right:6px;
    border: 1px solid #ffffff;
    background-color: transparent;
    padding:3px;
}

.svg-graph-tooltip-content-bottom-triangle
{        
    background-image:url('img/tooltip-bottom-triangle.png');
}

.svg-graph-tooltip-content-top-triangle
{        
    background-image:url('img/tooltip-top-triangle.png');
}

.svg-graph-tooltip .svg-graph-tooltip-content h3.title
{    
    background-color:#555555;
    color:#ffffff;
    padding:8px 40px 8px 10px;
    font-size:16px;
    font-family:Arial;
    margin:0px 0px 0px 0px;
}

.svg-graph-tooltip .svg-graph-tooltip-content div.content
{       
    padding:8px 10px 8px 10px;    
}

a.svg-graph-tooltip-wikipedia-icon,
a.svg-graph-tooltip-google-icon,
a.svg-graph-tooltip-bing-icon,
a.svg-graph-tooltip-linkedin-icon,
a.svg-graph-tooltip-view-articles-icon
{    
    display:inline-block;    
    background-image: url('img/logo-icons/wikipedia-logo.png');
    background-repeat: no-repeat;    
    width:40px;   
    height:39px;
    margin: 10px 6px 0px 0px;    
}

a.svg-graph-tooltip-google-icon
{
    background-image: url('img/logo-icons/google-logo.png');
}

a.svg-graph-tooltip-bing-icon
{
    background-image: url('img/logo-icons/bing-logo.png');
}

a.svg-graph-tooltip-linkedin-icon
{
    background-image: url('img/logo-icons/linkedin-logo.png');
}

a.svg-graph-tooltip-view-articles-icon
{
    background-image: url('img/logo-icons/view-articles-icon.png');
}
/* end tooltip */

/* articles-bar */

.articles-bar
{
    position: absolute;
    right: 0px;
    top: 10px;
    padding: 0px;
    z-index: 20000;
    opacity: 0.88;
    background-color: #ffffff;
    color:#555555;
    font-size: 12px;
    text-align: left;

    border-top: 26px solid #555555;

    -moz-border-radius: 0px 3px 3px 3px;
	-webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;

    box-shadow: -2px 2px 8px #888888; 
}

.articles-bar .close-btn
{
    position: absolute;
    left: -24px;
    top: -26px;
    cursor: pointer;
}

.articles-bar .close-btn span
{
    display: block; 
    background-image: url('img/articles-bar-close-btn.png');     
    background-repeat: no-repeat; 
    width:24px; 
    height:106px
}

.articles-bar .content 
{
   margin:20px 0px 0px 20px;
   padding-right:20px;
   padding-bottom:20px;
}

.articles-bar .article 
{
   padding: 13px 0px;   
   border-bottom: 1px solid #828282;
}

.articles-bar .article:first-child
{      
   padding-top:0px;
}

.articles-bar .article:last-child
{   
   border-bottom-style:none;
   padding-bottom:0px;
}

.articles-bar .article h3
{
   font-weight:bold;
   margin:0px;
   padding:0px;
   font-size:14px;
}

.articles-bar .article h3 a
{      
   color:#555555;
}

.articles-bar .article .info
{   
   font-style:italic;
   margin-bottom:10px;
}

.ui-resizable-helper 
{ 
    border: 2px dotted #00F; 
    z-index: 20010;
}

/* Let's get this party started */
.articles-bar ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
 
/* Track */
.articles-bar ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.articles-bar ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(85,85,85,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.articles-bar ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(85,85,85,0.4); 
}
/* end articles-bar */

/* scalebar */
.scalebar
{
    
}

.scalebar:after 
{
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

.scalebar .min,
.scalebar .max,
.scalebar .track
{
    float:left;
}

.scalebar .track
{
    position:relative;
    width:167px;
    height:14px;    
    background-image:url('img/scalebar/track.png');
    background-repeat:no-repeat;
    margin:1px 10px;
}

.scalebar .handle
{
    position:absolute;
    top:2px;
    height:10px;
    width:10px;
    background-image:url('img/scalebar/handle.png');
    background-repeat:no-repeat;    
}
/* end scalebar */