/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/mini_tabbed_pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#tabs {width:100%; text-align:left; position:relative;font-size:8pt;}
#tabs ul {padding:0; margin:2px; width:100%; list-style:none; position:relative;}
#tabs ul li {float:left; display:inline; width:116px; height:46px;}
#tabs ul li a.outer {display:block; width:116px; height:46px; border-bottom:0px solid #9c9c9c; text-align:center; 
line-height:40px; text-decoration:none; text-indent:46px; color:#464; font-weight:bold; margin-bottom:0px; font-size:11px;}

/* Image buttons in all 4 languages */
#tabs ul li a.one_en {background:transparent url(images/tab_petition_en.jpg) bottom left no-repeat;}
#tabs ul li a.two_en {background:transparent url(images/tab_sign_en.jpg) bottom left no-repeat;}
#tabs ul li a.three_en {background:transparent url(images/tab_blog_en.jpg) bottom left no-repeat;}
#tabs ul li a.four_en {background:transparent url(images/tab_views_en.jpg) bottom left no-repeat;}

#tabs ul li a.one_gr {background:transparent url(images/tab_petition_gr.jpg) bottom left no-repeat;}
#tabs ul li a.two_gr {background:transparent url(images/tab_sign_gr.jpg) bottom left no-repeat;}
#tabs ul li a.three_gr {background:transparent url(images/tab_blog_gr.jpg) bottom left no-repeat;}
#tabs ul li a.four_gr {background:transparent url(images/tab_views_gr.jpg) bottom left no-repeat;}

#tabs ul li a.one_pt {background:transparent url(images/tab_petition_pt.jpg) bottom left no-repeat;}
#tabs ul li a.two_pt {background:transparent url(images/tab_sign_pt.jpg) bottom left no-repeat;}
#tabs ul li a.three_pt {background:transparent url(images/tab_blog_pt.jpg) bottom left no-repeat;}
#tabs ul li a.four_pt {background:transparent url(images/tab_views_pt.jpg) bottom left no-repeat;}

#tabs ul li a.one_it {background:transparent url(images/tab_petition_it.jpg) bottom left no-repeat;}
#tabs ul li a.two_it {background:transparent url(images/tab_sign_it.jpg) bottom left no-repeat;}
#tabs ul li a.three_it {background:transparent url(images/tab_blog_it.jpg) bottom left no-repeat;}
#tabs ul li a.four_it {background:transparent url(images/tab_views_it.jpg) bottom left no-repeat;}

#tabs ul li div {display:none;}


#tabs ul li:hover {padding-bottom:72px; border-bottom:0px solid #fff; color:#000; margin-bottom:0;}

/*Added to work inside dotnetnuke. */
#tabs ul li a:hover td {height:28px;}

/* "background-position: top left"   to achieve hover effect*/
#tabs ul li:hover > a.outer {color:#000; background-position:top left; height:46px; cursor:pointer;} 

* html #tabs ul li a.outer:hover {padding-bottom:46px; border-bottom:0px solid #fff; height:46px; color:#000; margin-bottom:0;background-position:0 0px; height:46px;}

#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:0px; top:46px; width:229px; height:72px; border-bottom:0px solid #fff;}
#tabs ul li a:hover div {display:block; padding:5px; position:absolute; left:0px; top:46px; width:229px; height:72px; border-bottom:0px solid #fff;}

#tabs ul li a:hover div.tab_left,
#tabs ul li:hover div.tab_left
{background:transparent url(images/tab_left229.gif) no-repeat; }

#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right
{background:transparent url(images/tab_right229.gif) no-repeat;}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs div p {font-weight:bold; text-align:left; margin-top:5px; margin-left:8px; color:#5C5B5B;font-family:Calibri,Arial,Verdana;font-size:13px;}