/*****************************
* Global Page Elements
*****************************/

.ui-wrapper#div2 { top: 85px; }

body {
  background-color: transparent;
  margin: 0px;
}

body, p, td, input, textarea, select, .btn-menu-dis
{
  color: #f8f8f8;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11px;
}

div.backgroundPage
{
  z-index: 1;
  position:absolute;
  background-repeat: no-repeat;
  background-color: Transparent;
  height: 600px;
  width: 800px;
  left: 0px;
  top: 0px;
  margin: 0px;
}

div.logoPixami
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 48px;
  width: 400px;
  left: 16px;
  top: 5px;
  margin: 0px;
  background-repeat: no-repeat;
}

div.decorationStripe 
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 1px;
  width: 800px;
  margin: 0px;
  font: 1px monospace;
  overflow: hidden;
  background-repeat: no-repeat;
}

div.buttonHelpBackground 
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
  
    background-image:url(/photo/images2/buttonHelp.png);
  
}

div.buttonHelp 
{
  z-index: 11;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
}

div.buttonCartBackground 
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
  
    background-image:url(/photo/images2/buttonCart.png);
  
}

div.buttonCart 
{
  z-index: 11;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
}

div.buttonHomeBackground 
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
  
    background-image:url(/photo/images2/buttonHome.png);
  
}

div.buttonHome 
{
  z-index: 11;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
}

div.buttonLogoutBackground 
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
  
    background-image:url(/photo/images2/buttonLogout.png);
  
}

div.buttonLogout 
{
  z-index: 11;
  position:absolute;
  background-color: Transparent;
  height: 36px;
  width: 36px;
  top: 12px;
  margin: 0px;
}

div.copyright
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 10px;
  width: 400px;
  left: 393px;
  top: 509px;
  margin: 0px;
  text-align: right;
  font-size: 11px;
  vertical-align: middle;
}

div.backgroundPageNarrative
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  background-repeat: no-repeat;
  height: 38px;
  width: 800px;
  left: 0px;
  top: 469px;
  margin: 0px;
}

div.backgroundPageNarrativeText
{
  z-index: 11;
  position:absolute;
  background-color: Transparent;
  height: 34px;
  width: 720px;
  left: 40px;
  top: 469px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
  font-style: italic;
  font-size: 14px;
}
td.backgroundPageNarrativeText
{
  font-style: italic;
}

img.shimForPreview
{
  vertical-align: middle;
  height: 10px;
  width: 0px;
  border: 0px;
  border-style: none;
}

div.label
{
  font-size: 11px;
  font-weight: bold;
}

div.tempToolbar
{
  z-index: 100;
  overflow: auto;
  position: absolute;
  background-color: Transparent;
  position:absolute;
  top: 138px;
  left: 435px;  
}

select.editSelect
{
  font-size: 10px;
  color: #333333;
}


a.textNavTop:link {color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight:bold;}
a.textNavTop:visited {color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight:bold;}
a.textNavTop:active {color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight:bold;}
a.textNavTop:hover {color: #999999; text-decoration: none; font-size: 11px; font-weight:bold;}

a.text:link {color: #666666; text-decoration: underline; font-size: 12px; font-weight:bold;}
a.text:visited {color: #1e90ff; text-decoration: underline; font-size: 12px; font-weight:bold;}
a.text:active {color: #666666; text-decoration: underline; font-size: 12px; font-weight:bold;}
a.text:hover {color: #999999; text-decoration: underline; font-size: 12px; font-weight:bold;}

.titles { font-size: 20px; color: #FFFFFF; font-weight:bold; padding:0px 0px 0px 10px}
/*.copyright { font-size: 10px; color: #FFFFFF; font-weight:bold; padding:5px 10px 5px 10px}*/
.question { font-size: 12px; color: #666666;}
.csLabel{ font-size: 10px; color: #666666;}

.contactSheetBorder { border: 1px #999 solid; color: #808080; padding: 2px 2px 2px 2px; margin-bottom: 2px }

/*****************************
* Buttons
*****************************/
/* default hover and active - use active class off-screen for pre-loading hover */
.btn:hover,
a.btn-act {
 text-decoration:none;
 color:#3287D5;
 background-image:url(/photo/images2/tl_hover.gif);
}

.btn:hover strong,
a.btn-act strong {
 background-image:url(/photo/images2/tr_hover.gif);
}

.btn:hover strong strong,
a.btn-act strong strong {
 background-image:url(/photo/images2/bl_hover.gif);
}

.btn:hover strong strong strong,
a.btn-act strong strong strong {
 background-image:url(/photo/images2/br_hover.gif);
 font-size: 10px; color: #ffa800;
}

/* default */

.btn {
 color:#666;
 background:transparent url(/photo/images2/tl.gif) no-repeat top left;
 font-weight:normal;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor:pointer;
 display:block;
}

.btn strong {
 background:transparent url(/photo/images2/tr.gif) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

.btn strong strong {
 background:transparent url(/photo/images2/bl.gif) no-repeat bottom left;
 top:4px;
 left:-4px;
 right:0;
}

.btn strong strong strong {
 background:transparent url(/photo/images2/br.gif) no-repeat bottom right;
 padding:0 .85em .5em .85em;
 top:auto;
 right:-4px;
 left:auto;
 text-indent:-5px;
 font-size: 10px; color: #333333;
 font-weight:normal;
}

/* disabled hover */
.btn-dis,
.btn-dis:hover {
 color:#666;
 background:transparent url(/photo/images2/tl.gif) no-repeat top left;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor:pointer;
 display:block;
}

.btn-dis strong,
.btn-dis:hover strong {
 background:transparent url(/photo/images2/tr.gif) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

.btn-dis strong strong,
.btn-dis:hover strong strong {
 background:transparent url(/photo/images2/bl.gif) no-repeat bottom left;
 top:4px;
 left:-4px;
 right:0;
}

.btn-dis strong strong strong,
.btn-dis:hover strong strong strong {
 background:transparent url(/photo/images2/br.gif) no-repeat bottom right;
 padding:0 .85em .5em .85em;
 top:auto;
 right:-4px;
 left:auto;
 text-indent:-5px;
 font-size: 10px; color: #888888;
}

/* secondary */
.btn-2 {
 color:#5A57A5;
 background-image:url(/photo/images2/tl.gif);
 font-weight: normal;
}

.btn-2 strong {
 background-image:url(/photo/images2/tr.gif);
}

.btn-2 strong strong {
 background-image:url(/photo/images2/bl.gif);
}

.btn-2 strong strong strong {
 background-image:url(/photo/images2/br.gif);
}

/* disabled */
.btn-dis,
.btn-dis:hover {
 color:#999;
 cursor:default;
}

.btn-dis:active {
 cursor:not-allowed;
}

.btnsep {
 border-right:#B4B6B0 1px solid;
}

.btn-float-l {
 list-style:none;
 margin:0;
 padding:0;
 font-size: 10px;
 font-weight: normal;
 font-style: normal;
}

.btn-float-l li {
 float:left;
 vertical-align: middle;
 margin-right:.75em;
 padding-bottom:.3em;
 height:1.75em;
 font-weight: normal;
}

.btn-float-l li.last {
 margin-right:0;
}

.btn-float-l .btnsep {
 margin-left:.4em;

}

.btn-bar {
 background:#f4f5eb;
 border:#b5b5af 1px solid;
 border-left:none;
 border-right:none;
 padding:.5em .95em;
}

.btn-bar-bottom {
 border-bottom:none;
 padding-bottom:.35em;
}
.title { font-size: 15px; font-weight:bold; padding:0px 0px 0px 10px}
FONT.boldhead
{
    COLOR: #666666;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 22px;
}

/*****************************
* Tab Bar
*****************************/
.tab-bar {
 list-style:none;
 margin:0 auto;
 padding:0;
 height: 27px;
 z-index: 9999;
}

.tab-bar ul {
  margin: 0px;
  padding: 0px;
 list-style:none;
}

.tab-bar li {
 float:left;
 padding: 4px 8px 4px 8px;
 height: 27px;
 color: white;
 white-space: nowrap;
 list-style:none;
 margin: 0px;
 background-repeat: no-repeat;
}

.tab-bar li.sel {
 color: black;
 background-repeat: no-repeat;
}

.tab-bar li a {
 text-decoration:none;
 color: white;
 z-index: 999;
}

.tab-bar li a:hover {
 text-decoration:none;
 color: blue;
}

.tab-bar li.sel a {
 text-decoration:none;
 color: black;
}

.tab-bar li.first {
 padding: 0px;
 width: 4px;
 height: 27px;
 background-repeat: no-repeat;
}

.tab-bar li.last {
 padding: 0px;
 width: 4px;
 height: 27px;
 background-repeat: no-repeat;
}

.tab-bar li.sep {
 padding: 0px;
 width: 5px;
 height: 27px;
 background-repeat: no-repeat;
}

/* Transparent boxes */
.box
{
  margin: 0px;
  background-color: Transparent;
  
}


.box .label
{
  z-index: 30;
  overflow: hidden;
  position: absolute;
  background-color: Transparent;
  left: 0px;
  top: 0px;
  height: 29px;
  width: 218px;
  margin: 0px;
  
}



.box .label .header
{
  position: absolute;
  background-color: Transparent;
  left: 10px;
  top: 5px;
  height: 29px;
  width: 198px;
  margin: 0px;
  font-size: 15px;
  font-weight: bold;
}

div.innerBox
{
  z-index: 20;
  overflow: hidden;
  background-color: Transparent;
  margin: 0px;
  
}



.box2
{
  margin: 0px;
  background-color: Transparent;
  
}


.box3
{
  margin: 0px;
  background-color: Transparent;
  
}


/*****************************
* Progress header and buttons
*****************************/
/* default for btn-menu */
.btn-menu {
 background:transparent url(../images2/shim.gif) no-repeat top left;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor:pointer;
 display:block;
}

.btn-menu strong {
 background:transparent url(../images2/shim.gif) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

.btn-menu strong strong {
 background:transparent url(../images2/shim.gif) no-repeat bottom left;
 top:4px;
 left:-4px;
 right:0;
}

.btn-menu strong strong strong {
 background:transparent url(../images2/shim.gif) no-repeat bottom right;
 padding:0 .2em .5em .2em;
 top:auto;
 right:-1px;
 left:auto;
 font-weight: bold;
 font-size: 10px;
}
/* hover for btn-menu */
.btn-menu:hover {
 background:transparent url(../images2/shim.gif) no-repeat top left;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor:pointer;
 display:block;
}

.btn-menu:hover strong {
 background:transparent url(../images2/shim.gif) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

.btn-menu:hover strong strong {
 background:transparent url(/photo/images2/menu-hover-bl.gif) no-repeat bottom left;
 top:4px;
 left:-4px;
 right:0;
}

.btn-menu:hover strong strong strong {
 background:transparent url(/photo/images2/menu-hover-br.gif) no-repeat bottom right;
 padding:0 .2em .3em .2em;
 top:auto;
 right:-1px;
 left:auto;
 font-weight: bold;
 font-size: 10px;
}

/* default for btn-menu-dis */
.btn-menu-dis {
 background-repeat: no-repeat;
 background-position: top left;
 background-color: transparent;
 background-image: url(../images2/shim.gif);
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor: default;
 display:block;
}

.btn-menu-dis:active {
 cursor:not-allowed;
}


.btn-menu-dis strong {	
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: top right;
 right:0px;
 position:relative;
 display:block;
}

.btn-menu-dis strong strong {
 background-repeat: no-repeat;
 background-position: bottom left;
 background-color: transparent;
 top:4px;
 left:0px;
 right:0;
}

.btn-menu-dis strong strong strong {
 background-repeat: no-repeat;
 background-position: bottom right;
 background-color: transparent;
 padding:0 .1em .4em .1em;
 top:auto;
 right:-1px;
 left:auto;
 font-weight: bold;
  
    font-size: 10px;
  
}

td.progress
{
  
    font-size: 10px;
  
 font-weight:bold;
 text-align:center;
 margin:0;
 cursor: default;
 padding:.5em .3em .3em .2em;
}

div.backgroundProgressMenu
{
  z-index: 11;
  position:absolute;
  top: 13px;
  left: 38px;  
  width: 589px;
  height: 23px;
}

div.progressMenu
{
  z-index: 12;
  background-color: Transparent;
  position:absolute;
  top: 11px;
  left: 44px;  
  width: 589px;
  height: 23px;
}

div.progressMenuButtons
{
  z-index: 20;
  overflow: hidden;
  position: absolute;
  background-color: Transparent;
  position:absolute;
  top: 13px;
  left: 636px;  
  height: 23px;
  width: 200px;
}

div.previousArrow
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  text-align: right;
  display: inline;
  
}


div.previousArrowDisabled
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  text-align: right;
  display: inline;
  
}


div.nextArrow
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  display: inline;
  
}


/*****************************
* Contact Sheets
*****************************/
div.backgroundPhoto
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 20;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 104px;
  width: 97px;
  
    padding: 3px;
    margin: 3px;
  
  
    background-image:url(/photo/images2/backgroundPhoto.png);
  
  background-repeat: no-repeat;
}

div.backgroundPhotoSelected
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 20;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 104px;
  width: 97px;
  
    padding: 3px;
    margin: 3px;
  
  background-repeat: no-repeat;
  
    background-image:url(/photo/images2/backgroundPhotoSelected.png);
  
}

div.backgroundPhotoLarge
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 20;
  float: left;
  background-color: Transparent;
  height: 138px;
  width: 152px;
  padding: 6px;
  margin: 6px;
  background-repeat: no-repeat;
  
    background-image:url(/photo/images2/backgroundPhotoLarge.png);
  
}

div.backgroundPhotoLargeSelected
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 20;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 138px;
  width: 152px;
  padding: 6px;
  margin: 6px;
  background-repeat: no-repeat;
  
    background-image:url(/photo/images2/backgroundPhotoLargeSelected.png);
  
}

div.backgroundPhotoExtraLarge
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 20;
  float: left;
  background-color: Transparent;
  height: 166px;
  width: 180px;
  padding: 6px;
  margin: 6px;
  background-repeat: no-repeat;
  
    background-image:url(/photo/images2/backgroundPhotoExtraLarge.png);
  
}

div.backgroundPhotoExtraLargeSelected
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 20;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 166px;
  width: 180px;
  padding: 6px;
  margin: 6px;
  background-repeat: no-repeat;
  
    background-image:url(/photo/images2/backgroundPhotoExtraLargeSelected.png);
  
}

div.backgroundPhotoSmall
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 99;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 66px;
  width: 66px;
  padding: 2px;
}

div.backgroundPhotoSmallCaption
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 99;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 80px;
  width: 66px;
  padding: 2px;
}

div.backgroundPhotoSmallCaptionLabel
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 99;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 88px;
  width: 66px;
  padding: 2px;
}

div.backgroundPhotoSmallSelected
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 99;
  overflow: hidden;
  float: left;
  background-color: Orange;
  height: 66px;
  width: 66px;
  padding: 2px;
}

div.backgroundPhotoSmall2
{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
  z-index: 102;
  overflow: hidden;
  float: left;
  background-color: Transparent;
  height: 57px;
  width: 57px;
  padding: 0px;
}

Div.GridItemImageDiv
{
  vertical-align: middle;
  text-align: center;
}

Div.GridItemImageUsedDiv
{
  vertical-align: top;
  text-align: right;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  
    background-image:url(/photo/images2/used.png);
  
}

Div.GridItemImageUnusedDiv
{
  vertical-align: top;
  text-align: right;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-image:url(/photo/images2/shim.gif);
}

img.GridItemImage
{
  background-color: transparent;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}
Span.GridItemCaptionSpan
{
  width: 100%;
  font-size: 9px;
  text-align: center;
}

Div.GridItemCaptionDiv
{
  width: 100%;
  text-align: center;
}

/*****************************
* Miscellaneous font definitions
*****************************/
div.welcomeText
{
  font-size: 18px;
  font-weight:bold;
  margin: 0px;
}

div.introText
{
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  margin: 0px;
}

div.labelText
{
  margin: 0px;
  font-size: 11px;
  font-weight: bold;
}

div.inputText
{
  background-color: white;
  border: 0px;
  width:100%;
}

div.inputText input
{
  background-color: white;
  color:#333333;
  border: 0px;
  width:100%;
}

div.inputText textarea
{
  background-color: white;
  color:#333333;
  border: 0px;
  width:100%;
}

td.inputText
{
  background-color: Transparent;
}

td.inputText input
{
  background-color: white;
  color:#333333;
}

td.inputText textarea
{
  background-color: white;
  color:#333333;
}

td.inputText select
{
  background-color: white;
  color:#333333;
}

div.sectionTitle
{
  background-color: Transparent;
  text-align: center;
  font-size: 15px;
}

/*****************************
* Scroll bar
*****************************/
div.scrollbarLeftArrow
{
  z-index: 100;
  overflow: auto;
  position: absolute;
  background-color: Transparent;
  width: 15px;
  height: 12px;
  
    background-image:url(/photo/images2/artArrowLeft.png);
  
}

div.scrollbarRightArrow
{
  z-index: 100;
  overflow: auto;
  position: absolute;
  background-color: Transparent;
  background-repeat: no-repeat;
  width: 15px;
  height: 12px;
  
    background-image:url(/photo/images2/artArrowRight.png);
  
}

div.scrollbarThumb
{
  z-index: 100;
  position: absolute;
  background-color: Transparent;
  background-repeat: no-repeat;
  width: 23px;
  height: 12px;
  
    background-image:url(/photo/images2/artSliderThumb.png);
  
}

div.scrollbarBody
{
  z-index: 100;
  position: absolute;
  background-color: Transparent;
  background-repeat: no-repeat;
  width: 120px;
  height: 12px;
  
    background-image:url(/photo/images2/artSliderBody.png);
  
}

/*
 * Overrides from Yahoo UI container.css
 */
.mask {
    z-index:1000;   
    display:none;
    position:absolute;
    top:0;
    left:0;
	
	  -moz-opacity: 0;
	  opacity:0;
    
    background-color:#fff;
}

.yui-overlay, .yui-dialog { z-index: 1000; }

.pickerColor
{
	width:10px;
	height:10px;
	float:left;
	border:1px solid #000000;
	margin-right:1px;
	margin-bottom:1px;
	cursor:pointer;
}

.pickerColorSel
{
	width:10px;
	height:10px;
	float:left;
	border:1px solid #ffff00;
	margin-right:1px;
	margin-bottom:1px;
	cursor:pointer;
}

.pickerButton
{
	width:32px;
	height:32px;
	float:left;
	border:1px solid #000000;
	margin-right:1px;
	margin-bottom:1px;
	cursor:pointer;
}

div.preview
{
	background-color: #84aad6; 
}

div.csBackground
{
	background-color: #84aad6; 
}