/* @override http://paca.local/assets/css/ui.all.css */

/* @override http://paca.local/assets/css/ui.all.css */

/*
 * 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%;}
*/

/*UI tabs*/
.ui-tabs-nav {
	position: relative;
	float: right;
	z-index: 100;
	width: 150px;
}

/*.ui-tabs-nav ul {
	border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
} */

.ui-tabs-nav li {
	margin-bottom: 2px;
	width: 150px;
	right: 1px;
	float: right;
	list-style: none;
	text-align: right;
}

.ui-tabs-nav li h2 {
	font-size: 14px;
	text-transform: uppercase;}

.ui-tabs-nav li a {
	color: #679533;
	position: relative;
	display: block;
	padding: 10px;
	text-decoration: none;
	background: #e2f1d2;
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.04, rgb(226,241,210)),
    	color-stop(0.76, rgb(175,214,131))
	);
	background-image: -moz-linear-gradient(
    	center bottom,
    	rgb(226,241,210) 4%,
    	rgb(175,214,131) 76%
	);
	
	border: 1px solid #679533;
	border-radius-top-right: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	box-shadow:inset 0 1px rgba(255,255,255, .6);
	-moz-box-shadow:inset 0 1px rgba(255,255,255, .6);
   	-webkit-box-shadow:inset 1px 1px rgba(255,255,255, .6);
   	
}

.ui-tabs-nav a:hover {
	color: #2F3E1C;
	background: #afd683;
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.04, rgb(175,214,131)),
    	color-stop(0.76, rgb(103,149,51))
	);
	background-image: -moz-linear-gradient(
    	center bottom,
    	rgb(175,214,131) 4%,
    	rgb(103,149,51) 76%
	);
	border: 1px solid #2F3E1C;
	border-radius-top-right: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	box-shadow:inset -1px -1px rgba(255,255,255, .3);
	-moz-box-shadow:inset -1px -1px rgba(255,255,255, .3);
   	-webkit-box-shadow:inset -1px -1px rgba(255,255,255, .3);
}

.ui-tabs-nav .ui-tabs-selected {
	width: 165px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover {
	color: #FFF;
	background: #5B8A26;
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.04, rgb(59,79,36)),
    	color-stop(0.76, rgb(91,138,38))
	);
	background-image: -moz-linear-gradient(
    	center bottom,
    	rgb(59,79,36) 4%,
    	rgb(91,138,38) 76%
	);
	border-color: #2F3E1C;
	box-shadow:inset 1px 1px #94B372;
	-moz-box-shadow:inset 1px 1px #94B372;
   	-webkit-box-shadow:inset 1px 1px #94B372;
   	
}

/* My Comment 


#bill-item-1 a {background-position:0 -2px}
#bill-item-1 a:hover {background-position:-150px -2px}

#bill-item-2 {top: 72px;}
#bill-item-2 a {background-position: 0 -74px}
#bill-item-2 a:hover {background-position:-150px -74px}

#bill-item-4 {top: 146px;}
#bill-item-4 a {background-position: 0 -148px}
#bill-item-4 a:hover {background-position:-150px -148px}

#bill-item-5 {top: 221px;}
#bill-item-5 a {background-position: 0 -222px}
#bill-item-5 a:hover {background-position:-150px -222px}

#bill-item-6 {top: 297px;}
#bill-item-6 a {background-position: 0 -296px}
#bill-item-6 a:hover {background-position:-150px -296px} 

.ui-tabs-nav #bill-item-1.ui-tabs-selected a, .ui-tabs-nav #bill-item-1.ui-tabs-selected a:hover,
.ui-tabs-nav #bill-item-2.ui-tabs-selected a, .ui-tabs-nav #bill-item-2.ui-tabs-selected a:hover,
.ui-tabs-nav #bill-item-3.ui-tabs-selected a, .ui-tabs-nav #bill-item-3.ui-tabs-selected a:hover,
.ui-tabs-nav #bill-item-4.ui-tabs-selected a, .ui-tabs-nav #bill-item-4.ui-tabs-selected a:hover,
.ui-tabs-nav #bill-item-5.ui-tabs-selected a, .ui-tabs-nav #bill-item-5.ui-tabs-selected a:hover {margin-left: -150px;width: 301px;cursor:default;z-index:150}	

.ui-tabs-nav #bill-item-1.ui-tabs-selected a, .ui-tabs-nav #bill-item-1.ui-tabs-selected a:hover {top: 0px;background-position:-310px 0px}
.ui-tabs-nav #bill-item-2.ui-tabs-selected a, .ui-tabs-nav #bill-item-2.ui-tabs-selected a:hover {top: 0px;background-position:-310px -74px}
.ui-tabs-nav #bill-item-3.ui-tabs-selected a, .ui-tabs-nav #bill-item-3.ui-tabs-selected a:hover {top: 0px;background-position:-310px -148px}
.ui-tabs-nav #bill-item-4.ui-tabs-selected a, .ui-tabs-nav #bill-item-4.ui-tabs-selected a:hover {top: 1px;background-position:-310px -222px}
.ui-tabs-nav #bill-item-5.ui-tabs-selected a, .ui-tabs-nav #bill-item-5.ui-tabs-selected a:hover {top: -1px;background-position:-310px -296px}

#billboard #fragment-1 p,
#billboard #fragment-2 p,
#billboard #fragment-3 p,
#billboard #fragment-4 p,
#billboard #fragment-5 p {text-indent: -9999px;}

#billboard #fragment-1 a,
#billboard #fragment-2 a,
#billboard #fragment-3 a,
#billboard #fragment-4 a,
#billboard #fragment-5 a {position: absolute;display: block;width: 301px;height: 94px;right: -151px;z-index: 1000}

#billboard #fragment-1 a {top: 0px;}
#billboard #fragment-2 a {top: 93px;}
#billboard #fragment-3 a {top: 186px;}
#billboard #fragment-4 a {top: 279px;}
#billboard #fragment-5 a {top: 279px;}

#billboard #fragment-1 #interactive-link {top:23px;left:16px !important;width:790px;height: 367px;}
	
.ui-tabs-panel {margin: 12px 0 0 15px;width: 790px;height: 367px;border:1px solid #000}
/*.ui-tabs-panel a {position: absolute;display: block;right: 0;width: 300px;z-index: 300;}
.ui-tabs-panel a img {position: absolute;}

#fragment-1 a {top: 20px;}

#fragment-2 a {top: 113px;}
#fragment-3 a {top: 206px;}
#fragment-4 a {top: 299px;}*/
	
.ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; 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 */