/*!
 * Pearl Slate Library
 * Copyright(c) 2010 King Pearl LLC
 */
/* cssreset */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
.pui-cssreset html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
.pui-cssreset body,
.pui-cssreset div,
.pui-cssreset dl,
.pui-cssreset dt,
.pui-cssreset dd,
.pui-cssreset ul,
.pui-cssreset ol,
.pui-cssreset li,
.pui-cssreset h1,
.pui-cssreset h2,
.pui-cssreset h3,
.pui-cssreset h4,
.pui-cssreset h5,
.pui-cssreset h6,
.pui-cssreset pre,
.pui-cssreset code,
.pui-cssreset form,
.pui-cssreset fieldset,
.pui-cssreset legend,
.pui-cssreset input,
.pui-cssreset textarea,
.pui-cssreset p,
.pui-cssreset blockquote,
.pui-cssreset th,
.pui-cssreset td {
	margin:0;
	padding:0;
}
.pui-cssreset table {
	border-collapse:collapse;
	border-spacing:0;
}
.pui-cssreset fieldset,
.pui-cssreset img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
.pui-cssreset address,
.pui-cssreset caption,
.pui-cssreset cite,
.pui-cssreset code,
.pui-cssreset dfn,
.pui-cssreset em,
.pui-cssreset strong,
.pui-cssreset th,
.pui-cssreset var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
.pui-cssreset li {
	list-style:none;
}

.pui-cssreset caption,
.pui-cssreset th {
	text-align:left;
}
.pui-cssreset h1,
.pui-cssreset h2,
.pui-cssreset h3,
.pui-cssreset h4,
.pui-cssreset h5,
.pui-cssreset h6 {
	font-size:100%;
	font-weight:normal;
}
.pui-cssreset q:before,
.pui-cssreset q:after {
	content:'';
}
.pui-cssreset abbr,
.pui-cssreset acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
.pui-cssreset sup {
	vertical-align:text-top;
}
.pui-cssreset sub {
	vertical-align:text-bottom;
}
.pui-cssreset input,
.pui-cssreset textarea,
.pui-cssreset select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
.pui-cssreset input,
.pui-cssreset textarea,
.pui-cssreset select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
.pui-cssreset legend {
	color:#000;
}

/* cssfonts */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
.pui-cssfonts body, .pui-cssfonts {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
.pui-cssfonts select,
.pui-cssfonts input,
.pui-cssfonts button,
.pui-cssfonts textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
.pui-cssfonts table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
.pui-cssfonts pre,
.pui-cssfonts code,
.pui-cssfonts kbd,
.pui-cssfonts samp,
.pui-cssfonts tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* cssgrids */
.pui-cssgrids .pui-d-1, /* 750px fixed */
.pui-cssgrids .pui-d-2, /* 950px fixed */
.pui-cssgrids .pui-d-3 { /* 970px fixed */
	margin: auto;
}

.pui-cssgrids .pui-d-0 {
	width: 100%;
}

.pui-cssgrids .pui-d-1 {
	width: 750px;
}

.pui-cssgrids .pui-d-2 {
	width: 950px;
}

.pui-cssgrids .pui-d-3 {
    width: 970px;
}

.pui-cssgrids .pui-g {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}

.pui-cssgrids .pui-u,
.pui-cssgrids .pui-u-1,
.pui-cssgrids .pui-u-1-2,
.pui-cssgrids .pui-u-1-3,
.pui-cssgrids .pui-u-2-3,
.pui-cssgrids .pui-u-1-4,
.pui-cssgrids .pui-u-3-4,
.pui-cssgrids .pui-u-1-5,
.pui-cssgrids .pui-u-2-5,
.pui-cssgrids .pui-u-3-5,
.pui-cssgrids .pui-u-4-5,
.pui-cssgrids .pui-u-1-6,
.pui-cssgrids .pui-u-5-6,
.pui-cssgrids .pui-u-1-8,
.pui-cssgrids .pui-u-3-8,
.pui-cssgrids .pui-u-5-8,
.pui-cssgrids .pui-u-7-8,
.pui-cssgrids .pui-u-1-12,
.pui-cssgrids .pui-u-5-12,
.pui-cssgrids .pui-u-7-12,
.pui-cssgrids .pui-u-11-12,
.pui-cssgrids .pui-u-1-24,
.pui-cssgrids .pui-u-5-24,
.pui-cssgrids .pui-u-7-24,
.pui-cssgrids .pui-u-11-24,
.pui-cssgrids .pui-u-13-24,
.pui-cssgrids .pui-u-17-24,
.pui-cssgrids .pui-u-19-24,
.pui-cssgrids .pui-u-23-24 {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

.pui-cssgrids .pui-u-1 {
    display: block;
}

.pui-cssgrids .pui-u-1-2 {
    width: 50%;
}

.pui-cssgrids .pui-u-1-3 {
    width: 33.33333%;
}

.pui-cssgrids .pui-u-2-3 {
    width: 66.66666%;
}

.pui-cssgrids .pui-u-1-4 {
    width: 25%;
}

.pui-cssgrids .pui-u-3-4 {
    width: 75%;
}

.pui-cssgrids .pui-u-1-5 {
    width: 20%;
}

.pui-cssgrids .pui-u-2-5 {
    width: 40%;
}

.pui-cssgrids .pui-u-3-5 {
    width: 60%;
}

.pui-cssgrids .pui-u-4-5 {
    width: 80%;
}

.pui-cssgrids .pui-u-1-6 {
    width: 16.656%;
}

.pui-cssgrids .pui-u-5-6 {
    width: 83.33%;
}

.pui-cssgrids .pui-u-1-8 {
    width: 12.5%;
}

.pui-cssgrids .pui-u-3-8 {
    width: 37.5%;
}

.pui-cssgrids .pui-u-5-8 {
    width: 62.5%;
}

.pui-cssgrids .pui-u-7-8 {
    width: 87.5%;
}

.pui-cssgrids .pui-u-1-12 {
    width: 8.3333%;
}

.pui-cssgrids .pui-u-5-12 {
    width: 41.6666%;
}

.pui-cssgrids .pui-u-7-12 {
    width: 58.3333%;
}

.pui-cssgrids .pui-u-11-12 {
    width: 91.6666%;
}

.pui-cssgrids .pui-u-1-24 {
    width: 4.1666%;
}

.pui-cssgrids .pui-u-5-24 {
    width: 20.8333%;
}

.pui-cssgrids .pui-u-7-24 {
    width: 29.1666%;
}

.pui-cssgrids .pui-u-11-24 {
    width: 45.8333%;
}

.pui-cssgrids .pui-u-13-24 {
    width: 54.1666%;
}

.pui-cssgrids .pui-u-17-24 {
    width: 70.8333%;
}

.pui-cssgrids .pui-u-19-24 {
    width: 79.1666%;
}

.pui-cssgrids .pui-u-23-24 {
    width: 95.8333%;
}

/* cssbase */
.pui-cssbase h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
.pui-cssbase h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
.pui-cssbase h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.pui-cssbase h1,.pui-cssbase h2,.pui-cssbase h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
.pui-cssbase h1,.pui-cssbase h2,.pui-cssbase h3,.pui-cssbase h4,.pui-cssbase h5,.pui-cssbase h6,.pui-cssbase strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.pui-cssbase abbr,.pui-cssbase acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
.pui-cssbase em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.pui-cssbase blockquote,.pui-cssbase ul,.pui-cssbase ol,.pui-cssbase dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.pui-cssbase ol,.pui-cssbase ul,.pui-cssbase dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.pui-cssbase ol li {
	/*giving OL's LIs generated numbers*/
	/*list-style: decimal outside;*/	
}
.pui-cssbase ul li {
	/*giving UL's LIs generated disc markers*/
	/*list-style: disc outside;*/
}
.pui-cssbase dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
.pui-cssbase th,.pui-cssbase td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
.pui-cssbase th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.pui-cssbase caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.pui-cssbase p,.pui-cssbase fieldset,.pui-cssbase table,.pui-cssbase pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
.pui-cssbase input[type=text],.pui-cssbase input[type=password],.pui-cssbase textarea{width:12.25em;*width:11.9em;}


/* cssscaffold */
.pui-cssscaffold .pui-banner {
	background-color: #e0ebff;
	border-bottom: 1px solid #c9d2fd;
	border-top: 1px solid #c9d2fd;
	height: 200px;
}

.pui-cssscaffold .pui-bg {
    background: #1e4176 url(/images/pui-bg.png) repeat-x;
    color: #fff;
    height: 32px;
	padding: 6px;
}

.pui-cssscaffold .pui-a a {
    color: #fff;
}

.pui-cssscaffold .pui-ab a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.pui-cssscaffold .pui-hl {
	overflow: hidden;
}

.pui-cssscaffold .pui-hl img {
	float: left;
}

.pui-cssscaffold .pui-hl li {
	display: inline;
	padding-right: 10px;
}

.pui-cssscaffold .pui-tal {
	text-align: left;
}

.pui-cssscaffold .pui-tac {
	text-align: center;
}

.pui-cssscaffold .pui-tar {
	text-align: right;
}

/* cssjsscaffold */
.pui-carousel-container {
    overflow: hidden;
    position: relative;
}

.pui-carousel-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.pui-carousel-slide {
    float: left;
    overflow: hidden;
    text-align: center;
}

.pui-carousel-nav {
    height: 29px;
    width: 100%;
    background-color: #d1ccc7;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

.pui-carousel-caption {
    font-size: 20px;
    float: left;
    padding: 2px 5px;
    margin: 0;
    text-transform: none;
    color: black;
    overflow: hidden;
    height: 29px;
    width: 100px;
}

.pui-carousel-nav-prev,
.pui-carousel-nav-next,
.pui-carousel-nav-play {
    height: 24px;
    display: block;
    float: right;
    margin: 2px 0;
    background-position: 0 24px;
}

.pui-carousel-nav .pui-carousel-nav-prev {
    background-image: url('/images/pui-carousel-prev.png');
    width: 31px;    
}

.pui-carousel-nav .pui-carousel-nav-next {
    background-image: url('/images/pui-carousel-next.png');
    margin-right: 2px;
    width: 30px;
}

.pui-carousel-nav-play {
    background-image: url('/images/pui-carousel-play-pause.png');
    width: 24px;
}

.pui-carousel-nav-play:hover {
    background-position: 0 0; 
}
.pui-carousel-nav-play.pui-carousel-playing {
    background-position: 24px 24px;
}
.pui-carousel-nav-play.pui-carousel-playing:hover {
    background-position: 24px 0;
}

.pui-carousel-nav-prev:hover,
.pui-carousel-nav-next:hover {
    background-position: 0 48px;
}

.pui-carousel-nav-prev.pui-carousel-nav-disabled,
.pui-carousel-nav-next.pui-carousel-nav-disabled {
    background-position: 0 0;
}

#pui-lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 15000;
    text-align: center;
    line-height: 0;
}

#pui-lightbox img {
    width: auto;
    height: auto;
}

#pui-lightbox a img {
    border: none;
}

#pui-lightbox-outerImageContainer {
    position: relative;
    background-color: #f3efec;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#pui-lightbox-imageContainer {
    padding: 10px;
}

#pui-lightbox-loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(/images/pui-lb-load.gif) no-repeat center 15%;
}

#pui-lightbox-hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#pui-lightbox-imageContainer > #pui-lightbox-hoverNav {
    left: 0;
}

#pui-lightbox-hoverNav a{
    outline: none;
}

#pui-lightbox-navPrev,
#pui-lightbox-navNext {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display: block;
}

#pui-lightbox-navPrev { left: 0; float: left;}
#pui-lightbox-navNext { right: 0; float: right;}
#pui-lightbox-navPrev:hover, #pui-lightbox-navPrev:visited:hover { background: url(/images/pui-lb-prev.png) left 33% no-repeat; }
#pui-lightbox-navNext:hover, #pui-lightbox-navNext:visited:hover { background: url(/images/pui-lb-next.png) right 33% no-repeat; }

#pui-lightbox-outerDataContainer {
    margin: 0 auto;
    width: 100%;
}

#pui-lightbox-dataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #f3efec;
    overflow: auto;
    line-height: 1.4em;
}

#pui-lightbox-data{	padding:0 10px; color: #666; }
#pui-lightbox-data #pui-lightbox-details{ width: 80%; float: left; text-align: left; }
#pui-lightbox-data #pui-lightbox-caption{ font-weight: bold;	}
#pui-lightbox-data #pui-lightbox-imageNumber{ display: block; clear: left; padding-bottom: 1.0em;	}
#pui-lightbox-data #pui-lightbox-navClose{ background: url(/images/pui-lb-close.gif) no-repeat; width: 66px; height: 22px; float: right;  padding-bottom: 0.7em; outline: none;}
#pui-lightbox-data #pui-lightbox-navClose:hover{ background-image: url(/images/pui-lb-close-over.gif);}

#pui-lightbox-overlay,
#pui-lightbox-shim{
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 14999;
    width: 100%;
    height: 500px;
    background-color: #000;
    padding: 0;
    margin: 0;
}

#pui-lightbox-shim {
    z-index: 89;
    background-color: transparent;
    filter: alpha(opacity=0);
}


.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}

.pui-combo-list .pui-combo-list-cursor{
	border: 1px dotted #000000 !important;
}

.pui-combo-list-item{
	cursor:pointer;
}

.pui-combo-list .pui-combo-selected + .pui-combo-selected{
	border-top-color:#DFE8F6 !important;
}

.pui-combo-list .pui-combo-selected + .pui-combo-selected.pui-combo-list-cursor{
	border-top-color:#000000 !important;
}

.pui-dataview-selector { 
    float: left; 
    padding: 5px;
}
 
.pui-dataview-selector span { 
	display: block; 
	overflow: hidden; 
	text-align: center; 
}