.top-right-rounded-corner {

-webkit-border-top-right-radius: 8px;

-khtml-border-radius-topright: 8px;    

-moz-border-radius-topright: 8px;

border-top-right-radius: 8px;

}

.bottom-left-rounded-corner {

-webkit-border-bottom-left-radius: 8px;

-khtml-border-radius-bottomleft: 8px;  

-moz-border-radius-bottomleft: 8px;

border-bottom-left-radius: 8px;

}

.bottom-right-rounded-corner {

-webkit-border-bottom-right-radius: 8px;

-khtml-border-radius-bottomright: 8px; 

-moz-border-radius-bottomright: 8px;

border-bottom-right-radius: 8px;

}

#header {

margin:0;

padding:0 30px;

}

#header ul#logged-user li {

list-style:none;

float:left;

border-left:1px solid #bbb;

border-right:1px solid #a5a5a5;

margin:-2px 0 0;

padding:10px 12px;

}

#header ul#logged-user li.first {

border-left:none;

margin:-6px;

}

#header ul#logged-user li.first div.account {

padding-top:4px;

float:left;

}

#header ul#logged-user li.last {

border-right:none;

}

#header ul#logged-user li a {

color:#4e4e4e;

font-weight:700;

text-decoration:none;

}

#header ul#logged-user li a:hover {

color:#376ea6;

text-decoration:underline;

}

#header ul#logged-user li.highlight a {

color:#fff;

}

#header ul#logged-user li.highlight a:hover {

color:#376ea6;

}

#header #header-inner {

height:40px;

clear:both;

position:relative;

background:#003367 url("../images/header_inner.png") repeat-x;

border-bottom:2px solid #fff;

margin:0;

padding:0;

}

#header #header-inner #home a {

height:40px;

width:46px;

display:block;

background:url("../images/button_home.png");

background-position:0 0;

margin:0;

padding:0;

}

#header #header-inner #home a:hover {

background-position:0 -40px;

}

#header #header-inner #logo h1 {

color:#FFF;

padding:0;

}

#header #header-inner #logo a {

color:#fff;

text-decoration:none;

}

#header #header-inner #logo a:hover {

color:#bfe3ff;

}

#header #header-inner #quick,#header #header-inner #quick ul {

position:relative;

float:right;

list-style-type:none;

list-style-position:outside;

margin:10px 5px 0 0;

padding:0;

}

#header #header-inner #quick li {

position:relative;

float:left;

margin:0 5px 0 0;

padding:0;

}

#header #header-inner #quick li a {

top:0;

left:0;

height:1%;

display:block;

clear:both;

overflow:hidden;

color:#FFF;

font-weight:700;

text-decoration:none;

background:#369 url("../../images/quick_l.png") no-repeat top left;

padding:0;

}

#header #header-inner #quick li span {

top:0;

right:0;

height:1%;

display:block;

float:left;

background:url("../../images/quick_r.png") no-repeat top right;

border-left:1px solid #3f6f9f;

margin:0;

padding:10px 12px 8px 10px;

}

#header #header-inner #quick li span.normal {

border:none;

padding:10px 12px 8px;

}

#header #header-inner #quick li span.icon {

top:0;

left:0;

border-left:none;

background:url("../../images/quick_l.png") no-repeat top left;

border-right:1px solid #2e5c89;

padding:8px 8px 4px;

}

#header #header-inner #quick li a:hover {

background:#4e4e4e url("../../images/quick_l_selected.png") no-repeat top left;

}

#header #header-inner #quick li a:hover span {

border-left:1px solid #545454;

background:url("../../images/quick_r_selected.png") no-repeat top right;

}

#header #header-inner #quick li a:hover span.icon {

border-left:none;

border-right:1px solid #464646;

background:url("../../images/quick_l_selected.png") no-repeat top left;

}

#header #header-inner #quick ul {

top:29px;

right:0;

min-width:200px;

display:none;

position:absolute;

background:#FFF;

border:1px solid #666;

border-top:1px solid #003367;

z-index:100;

margin:0;

padding:0;

}

		    }

		    var previousPoint = null;

			function plothover(o) {

		        var pos = o.pos;

		        var item = o.item;

		        //YAHOO.util.Dom.get("x").innerHTML = pos.x.toFixed(2);

		        //YAHOO.util.Dom.get("y").innerHTML = pos.y.toFixed(2);

		        if (item) {

		            if (previousPoint != item.datapoint) {

		                previousPoint = item.datapoint;

		                var tooltip = YAHOO.util.Dom.get("tooltip");

		                if(tooltip) {

		                	  tooltip.parentNode.removeChild(tooltip);

		                }

		                var x = item.datapoint.x.toFixed(2);

		                var y = item.datapoint.y.toFixed(2);

		                if (!item.series.label){

		                    item.series.label = 'commits';

		                }

		                var d = new Date(x*1000);

		                var fd = d.toDateString()

		                var nr_commits = parseInt(y);

		                var cur_data = dataset[item.series.label].data[item.dataIndex];

		                var added = cur_data.added;

		                var changed = cur_data.changed;

		                var removed = cur_data.removed;

		                var nr_commits_suffix = " ${_('commits')} ";

		                var added_suffix = " ${_('files added')} ";

		                var changed_suffix = " ${_('files changed')} ";

		                var removed_suffix = " ${_('files removed')} ";

		                if(nr_commits == 1){nr_commits_suffix = " ${_('commit')} ";}

						if(added==1){added_suffix=" ${_('file added')} ";}

						if(changed==1){changed_suffix=" ${_('file changed')} ";}

						if(removed==1){removed_suffix=" ${_('file removed')} ";}

		                showTooltip(item.pageX, item.pageY, item.series.label + " on " + fd

								 +'<br/>'+

		                         nr_commits + nr_commits_suffix+'<br/>'+

		                         added + added_suffix +'<br/>'+

		                         changed + changed_suffix + '<br/>'+

		                         removed + removed_suffix + '<br/>');

		            }

		        }

		        else {

		        	  var tooltip = YAHOO.util.Dom.get("tooltip");

			          if(tooltip) {

			                tooltip.parentNode.removeChild(tooltip);

			          }

		            previousPoint = null;

		        }

		    }

		    /**

		     * MAIN EXECUTION

		     */

			var data = getDataAccordingToRanges(initial_ranges);

			generateCheckboxes(data);

		    //main plot

		    var plot = YAHOO.widget.Flot(plotContainer,data,plot_options);

			//overview

			var overview = YAHOO.widget.Flot(overviewContainer, overview_dataset, overview_options);

			//show initial selection on overview

			overview.setSelection(initial_ranges);    

		    plot.subscribe("plotselected", plotselected);

		    overview.subscribe("plotselected", function (ranges) {

		        plot.setSelection(ranges);

		    });		

		    plot.subscribe("plothover", plothover);

		    YAHOO.util.Event.on(choiceContainer.getElementsByTagName("input"), "click", plotchoiced, [data, initial_ranges]);

		}

			SummaryPlot(${c.ts_min},${c.ts_max},${c.commit_data|n},${c.overview_data|n});		

		</script>

    </div>

</div>    

<div class="box">    

    <div class="title">

    </div>    

    <div class="table">

        <div id="shortlog_data">

            <%include file='../shortlog/shortlog_data.html'/>

        </div>

        ##%if c.repo_changesets:

        ##	${h.link_to(_('show more'),h.url('changelog_home',repo_name=c.repo_name))}

        ##%endif

    </div>

</div>

<div class="box">    

    <div class="title">

        <div class="breadcrumbs">${h.link_to(_('Last ten tags'),h.url('tags_home',repo_name=c.repo_name))}</div>

    </div>    

    <div class="table">

        <%include file='../tags/tags_data.html'/>

        %if c.repo_changesets:

        	${h.link_to(_('show more'),h.url('tags_home',repo_name=c.repo_name))}

        %endif

    </div>

</div>

<div class="box">

    <div class="title">

        <div class="breadcrumbs">${h.link_to(_('Last ten branches'),h.url('branches_home',repo_name=c.repo_name))}</div>

    </div>    

    <div class="table">

        <%include file='../branches/branches_data.html'/>

        %if c.repo_changesets:

        	${h.link_to(_('show more'),h.url('branches_home',repo_name=c.repo_name))}

        %endif

    </div>      

</div> 

</%def>