/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:19px;
	margin-left:5px;
}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
	margin-left:5px;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
    position:relative;
    background:transparent url(/Plugins/jquerytools/img/tabs/boxUnselect.png) no-repeat top left;
    font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
    display:block;
    padding:3px 0px;
    text-decoration:none;
	width:56px;
    height:20px;
    color:#343536;
    float:left;
}

ul.css-tabs a:hover {
    background:transparent url(/Plugins/jquerytools/img/tabs/boxUnselect.png) no-repeat top left;
	width:56px;
	height:20px;
	color:#343536;
}

/* selected tab */
ul.css-tabs a.current {
    background:transparent url(/Plugins/jquerytools/img/tabs/boxSelect.png) no-repeat top left;
	width:56px;
	height:20px;
    cursor:default;
	color:#FFF;
}

/* tab pane */
.css-panes div#pane {
    background: url(/Plugins/jquerytools/img/tabs/boxActus.png) no-repeat top left;
	width:240px;
	height:158px;
	margin-left:5px;
	margin-bottom:20px;
	display:none;
}

/* #SAG scroller */
.css-panes div#pane div#mysagscroller {
	width:230px;  /*width of scroller*/
	height:140px;
	margin:0px 0 5px 10px;
	float:left;
}
.css-panes div#pane div#mysagscroller ul li {
	width:215px;
	height:140px;
	margin:0px 5px;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}
.css-panes div#pane div#mysagscroller ul li a:link,
.css-panes div#pane div#mysagscroller ul li a:visited,
.css-panes div#pane div#mysagscroller ul li a:active {
	color:#f3892d;
	text-decoration:underline;
}
.css-panes div#pane div#mysagscroller ul li a:hover {
	text-decoration:none;
}