/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

.tabberlive  {
	/*padding-top:1px;*/
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/


.tabber {
display:none;
}

.tabberlive {
	
}



.tabberlive#smeskoti-tabber .tabbertab {height:100%;padding:5px;}



#tabsirok {position:relative;padding-top:50px;_height:1px;}
#tabsirok ul { list-style:none; margin:0; padding:0; position:absolute; top:0px; margin:0; background:url(/grafika3/tab-nav-ozadje2.png) no-repeat 100% 29px; font-size:11px;text-transform:uppercase; width:100%;padding-top:3px;}
#tabsirok li {list-style-image:none !important;display:inline;}
#tabsirok li a {float:right; background:url(/grafika3/ozadje-navigacija-dvojnitab.png) repeat-x 0 0;color:#000000;display:block;font-size:13px;margin:0px 0 0  6px;padding:3px 5px 0 5px;
position:relative;text-align:center;text-decoration:none;border:1px solid #AAAAAA;border-bottom:0;height:43px;}
#tabsirok li a.current {background:#FFFDF3 url(/grafika3/ozadje-navigacija-dvojnitab.png) repeat-x 0 -92px;color:#000000 !important;cursor:default !important;border:1px solid #EDB753;border-bottom:none;margin-top:0;padding-bottom:1px;}
#tabsirok li a.current:hover {background:#FFFDF3 url(/grafika3/ozadje-navigacija-dvojnitab.png) repeat-x 0 -92px;color:#000000 !important;cursor:pointer;border-bottom:none;margin-top:0;padding-bottom:1px;}
#tabsirok li a:hover {padding-bottom:0;margin-top:0;border-bottom:none;background:#DFB082 url(/grafika3/ozadje-navigacija-dvojnitab.png) repeat-x 0 -46px}

#tabsirok .tabberlive .tabbertab {border-top:1px solid #ffa797;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav 
{
 margin:0;
 padding: 5px 0 2px 0;
 border-bottom: 1px solid #c2c2c2;
 
 
 display:block;
 
 text-transform:uppercase;
 text-align:left;
}

.tabberlive#lokali-obvestila ul.tabbernav
{
 background:url(/grafika3/tab-nav-ozadje2.png) no-repeat 100% 100%;
 text-align:right;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 padding:0;
 display: inline;

}

ul.tabbernav li a
{
 padding: 7px 0.6em;
 margin-left: 6px;
 margin-right: 0;
 border: 1px solid #c2c2c2;

 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FBFBD0));
 background-image: -webkit-linear-gradient(top, #ffffff, #FBFBD0);
 background-image: -moz-linear-gradient(top, #ffffff, #FBFBD0);
 background-image: -ms-linear-gradient(top, #ffffff, #FBFBD0);
 background-image: -o-linear-gradient(top, #ffffff, #FBFBD0);
 background-image: linear-gradient(to bottom, #ffffff, #FBFBD0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#FBFBD0);
 text-decoration: none;
 font-size:13px;
}



.tabberlive#lokali-obvestila ul.tabbernav li a
{
 margin-left: 6px;
 margin-right: 0;
}

ul.tabbernav li a:link { }
ul.tabbernav li a:visited { }

ul.tabbernav li a:hover
{
 
}


ul.tabbernav li.tabberactive a, ul.tabbernav li a.current 
{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2fbff));
 background-image: -webkit-linear-gradient(top, #ffffff, #f2fbff);
 background-image: -moz-linear-gradient(top, #ffffff, #f2fbff);
 background-image: -ms-linear-gradient(top, #ffffff, #f2fbff);
 background-image: -o-linear-gradient(top, #ffffff, #f2fbff);
 background-image: linear-gradient(to bottom, #ffffff, #f2fbff);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f2fbff);
 border:1px solid #c2c2c2;
 border-bottom: 1px solid #f2fbff;
}

ul.tabbernav li.tabberactive a:hover
{

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	display:none;
	/* display:none; odpri ko vse popraviš na Jquery UI */
 
 padding:10px;
 border-top:none;
 border-left:1px solid #c2c2c2;
 border-right:1px solid #c2c2c2;
 border-bottom:1px solid #c2c2c2;
 overflow:auto;
 height:auto;
 background:#f2fbff;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}