/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/
#tabs {float:left;}
/*UI tabs*/
#tabs.ui-tabs-nav {margin: 0; padding: 0; text-decoration: none; font-size: 100%; list-style: none; font-size: 1.2em; position: relative; z-index: 1; bottom: -1px; float:left; padding-bottom:10px; border-bottom:4px solid #ebebeb;}
	
#tabs.ui-tabs-nav ul {margin: 0; padding: 0; border: 0; text-decoration: none; font-size: 100%; list-style: none; display: inline; float:left; border-bottom:1px solid #E2E2E2; margin-bottom:10px; padding-right:27px;}

#tabs.ui-tabs-nav li {margin: 0; border: 0; text-decoration: none; font-size: 100%; list-style: none; float:left; background: url("/shireplc/templates_shireplc/assets/gfx/left_disactive.gif") no-repeat left top; color: #5b5b5b; outline: none; padding: .3em 0; margin-right:3px; background-color:#d9d9d9;}

#tabs.ui-tabs-nav li a {margin: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; padding: .3em .9em; color:#5b5b5b; outline: none; margin-left:3px; background:url("/shireplc/templates_shireplc/assets/gfx/right_disactive.gif") no-repeat right top;}

#tabs.ui-tabs-nav li.ui-tabs-selected {background:url("/shireplc/templates_shireplc/assets/gfx/sharenav_left.gif") no-repeat left top; color: #000000; outline: none; background-color:#494949;}

#tabs.ui-tabs-nav li.ui-tabs-selected a, #tabs.ui-tabs-nav li.ui-tabs-selected a:hover {color: #FFFFFF; outline: none; text-decoration: none; background:url("/shireplc/templates_shireplc/assets/gfx/sharenav_right.gif") no-repeat right top;}

#tabs .ui-tabs-panel {margin: 0; padding: 0; border: 0; outline: 0; /*line-height: 1.2;*/ text-decoration: none; font-size: 100%; list-style: none; color: #333333; float:left;}
	
#tabs .ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;}

/*hidden elements*/
#tabs .ui-hidden {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;}

#tabs .ui-accessible-hidden {position: absolute; left: -99999999px;}

/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; /*line-height: 1.2;*/ text-decoration: none; font-size: 100%; list-style: none;
}

/*clearfix class*/
.ui-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */
/* Note: for resizable styles, use the styles listed above in the dialog section */