/*****************************
* Global Page Elements
*****************************/
body {
  background-color: transparent;
  margin: 0px;
}

body, p, td, input, textarea, select
{
  color: #000;
  font-family: Arial, Sans-Serif;
  font-size: 15px;
}

div.logoPixami
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 48px;
  width: 660px;
  left: 16px;
  top: 5px;
  margin: 0px;
  background-repeat: no-repeat;
  
    background-image:url(../images2/LATA_LOGO.png);
  
}

div.decorationStripe 
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 1px;
  width: 800px;
  margin: 0px;
  
    background-image:url(../images2/decorationStripe.png);
  
}

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

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

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

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

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

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

div.copyright
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 10px;
  width: 400px;
  left: 393px;
  top: 569px;
  margin: 0px;
  text-align: right;
  font-size: 11px;
  font-family: Tahoma, Arial, Sans-Serif;
  vertical-align: middle;
  color: #eeeeee;
}

div.backgroundPageNarrative
{
  z-index: 10;
  position:absolute;
  background-color: Transparent;
  height: 38px;
  width: 800px;
  left: 0px;
  top: 529px;
  margin: 0px;
  
    background-image:url(../images2/backgroundPageNarrative.png);
  
}

div.backgroundPageNarrativeText
{
  z-index: 11;
  position:absolute;
  background-color: Transparent;
  height: 34px;
  width: 720px;
  left: 40px;
  top: 531px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
  font-style: oblique;
}
td.backgroundPageNarrativeText
{
  color: #f8f8f8;
  font-family: Tahoma, Arial, Sans-Serif;
}

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

div.label
{
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #f8f8f8;
}

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

select.editSelect
{
  font: 10px Arial, Helvetica, sans-serif;
  color: #333333;
}


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

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

.titles { font: 20px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:bold; padding:0px 0px 0px 10px}
.copyright { font: 10px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:bold; padding:5px 10px 5px 10px}
.question { font: 12px Arial, Helvetica, sans-serif; color: #666666;}
.csLabel{ font: 10px Arial, Helvetica, sans-serif; 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(../images2/tl_hover.gif);
}

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

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

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

/* default */

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

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

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

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

/* disabled hover */
.btn-dis,
.btn-dis:hover {
 color:#666;
 background:transparent url(../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(../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(../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(../images2/br.gif) no-repeat bottom right;
 padding:0 .85em .5em .85em;
 top:auto;
 right:-4px;
 left:auto;
 text-indent:-5px;
 font: 10px Arial, Helvetica, sans-serif; color: #888888;
}

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

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

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

.btn-2 strong strong strong {
 background-image:url(../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;
}

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

.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: 20px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:bold; padding:0px 0px 0px 10px}
FONT.boldhead
{
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    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;
 background: url(../images2/tab2b.gif) no-repeat;
 height: 27px;
 color: white;
 white-space: nowrap;
 list-style:none;
 margin: 0px;
}

.tab-bar li.sel {
 color: black;
 background: url(../images2/tab2bsel.gif) 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;
 background: url(../images2/tab2l.gif) no-repeat;
 width: 4px;
 height: 27px;
}

.tab-bar li.last {
 padding: 0px;
 background: url(../images2/tab2r.gif) no-repeat;
 width: 4px;
 height: 27px;
}

.tab-bar li.sep {
 padding: 0px;
 background: url(../images2/tab2s.gif) no-repeat;
 width: 5px;
 height: 27px;
}

/* Transparent boxes */
.box
{
  margin: 0px;
  background: #fffbb5 url(../images/backgrounds/box.gif) top left repeat-x;
  padding: 0 0 0 10px;
  color: #000;
}
.box .label
{
  z-index: 30;
  overflow: hidden;
  height: 29px;
  margin: 0px;
  font-size: 15px;
  font-family: Arial;
  font-weight: bold;
  color: #FFF;  
 
  padding: 5px 0 10px 0px;
 
}

.box .label_small_pad
{
  z-index: 30;
  overflow: hidden;
  height: 29px;
  margin: 0px;
  font-size: 15px;
  font-family: Arial;
  font-weight: bold;
  color: #FFF;  
  padding: 5px 0 5px 0px;
}

.box .label .header
{
  height: 29px;
  width: 198px;
  margin: 0px;
  font-size: 15px;
  font-family: Arial;
  font-weight: bold;
  color: #FFF;
}

div.top_box {
	width: 880px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
div.top_box_left {
	float: left;
    width: 300px;
}
div.top_box .p_img_left {
	padding-top: 1px;
    float: left;
}
div.top_box .p_img_right {
	padding-top: 1px;
    float: right;
}
div.top_box input {
    border: 2px solid #8dbadd;
  	font-size: 13px;
  	font-family: Arial;
  	font-weight: bold;
    margin-left: 5px;
    margin-top: 5px;
    float: left;
}

div.top_box .top_box_right {
	float: right;
    width: 300px;
}	

div.top_box .top_box_right select {
	margin-top: 5px;
    margin-left: 5px;
    width: 100px;
    float: right;
}

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

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


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


/*****************************
* Progress header and buttons
*****************************/
/* default for btn-menu */
.btn-menu {
 color:#666;
 background:transparent url(..) 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(..) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

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

.btn-menu strong strong strong {
 background:transparent url(..) no-repeat bottom right;
 padding:0 .2em .5em .2em;
 top:auto;
 right:-1px;
 left:auto;
 font-weight: bold;
 font-size: 10px;
 font-family: Tahoma, Helvetica, sans-serif;
 color: #f8f8f8;
}
/* hover for btn-menu */
.btn-menu:hover {
 color:#666;
 background:transparent url(..) 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(..) no-repeat top right;
 right:-4px;
 position:relative;
 display:block;
}

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

.btn-menu:hover strong strong strong {
 background:transparent url(../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;
 font-family: Tahoma, Helvetica, sans-serif;
 color: #000;
}

/* default for btn-menu-dis */
.btn-menu-dis {
 color:#000;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0;
 cursor: default;
 padding-right: .3em; 
}

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


.btn-no-cont:active {
}

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

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

.btn-menu-dis strong strong strong {
 background:transparent url(../images2/menu-dis-br.gif) no-repeat bottom right;
 padding:0 .1em .4em .1em;
 top:auto;
 right:-1px;
 left:auto;
 font-weight: bold;
 font-size: 10px;
 font-family: Tahoma, Helvetica, sans-serif;
 color: #f8f8f8;
}

td.progress
{
 font-size: 10px;
 font-family: Tahoma, Helvetica, sans-serif;
 color: #1b75bb;
 font-weight:bold;
 text-align:center;
 text-decoration: none;
 margin:0;
 cursor: default;
 padding-right: .3em;
 /*padding:.5em .3em .3em .2em;*/
}

div.breadcrumbs {
	color: #CCCCCC;
    padding-bottom: 10px;
}
div.breadcrumbs ul {
 color: #CCCCCC;
}
div.breadcrumbs li {
 display: inline;
 list-style-type: none;
 font-size: 13px;
 font-family: Tahoma, Helvetica, sans-serif;
 color: #CCCCCC;
 font-weight:bold;
 text-decoration: none;
 margin:0;
 cursor: default;
 padding-bottom: 10px;
}
div.breadcrumbs li a {
	color: #CCCCCC;
	text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

div.breadcrumbs li .btn-menu-dis {
 color:#000;
 font-weight:bold;
 text-decoration: underline;
 text-align:center;
 margin:0;
 cursor:not-allowed;
    padding-left: 5px;
    padding-right: 5px;
}

div.breadcrumbs li .btn-no-cont {
 color:#CCCCCC;
 font-weight:bold;
 text-decoration: none;
 text-align:center;
 margin:0;
    padding-left: 5px;
    padding-right: 5px;
 cursor:not-allowed; 
}


div.backgroundProgressMenu
{
  z-index: 11;
  position:absolute;
  top: 73px;
  left: 38px;  
  width: 533px;
  height: 23px;
  
    background-image:url(../images2/backgroundProgressMenu.png);
  
}

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

div.progressMenuButtons
{
  z-index: 20;
  overflow: auto;
  position: absolute;
  background-color: Transparent;
  position:absolute;
  top: 73px;
  left: 580px;  
  height: 23px;
  width: 150px;
}

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


div.previousArrowDisabled
{
  line-height: 11px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  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(../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(../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: #fffbb5 url(../images2/backgroundPhotoLarge.gif);
  height: 170px;
  width: 152px;
  padding: 6px;
  margin: 6px;
  background-repeat: no-repeat;
}

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: #fffbb5 url(../images2/backgroundPhotoLargeSelected.jpg);
  height: 170px;
  width: 152px;
  padding: 6px;
  margin: 6px;
  background-repeat: no-repeat;
}

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;
}
img.GridItemImage
{
  background-color: transparent;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}
Span.GridItemCaptionSpan
{
  width: 100%;
  font-family: Tahoma;
  color: #000;
  font-size: 9px;
  text-align: center;
}

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

/*****************************
* Miscellaneous font definitions
*****************************/
div.welcomeText
{
  font: 18px Arial, Helvetica, sans-serif;
  color: #f8f8f8;
  font-weight:bold;
  margin: 0px;
}

div.introText
{
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 12px;
  color: #f8f8f8;
  margin: 0px;
}

div.labelText
{
  margin: 0px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #f8f8f8;
  font-weight: bold;
}

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

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

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

td.inputText
{
  background-color: Transparent;
  color: #f8f8f8;
}

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: 15px Tahoma bold;
}

/*****************************
* Scroll bar
*****************************/
div.scrollbarLeftArrow
{
  z-index: 100;
  overflow: auto;
  position: absolute;
  background-color: Transparent;
  width: 15px;
  height: 12px;
  
    background-image:url(../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(../images2/artArrowRight.png);
  
}

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

div.scrollbarBody
{
  z-index: 100;
  position: absolute;
  background-color: Transparent;
  background-repeat: no-repeat;
  width: 120px;
  height: 12px;
  
    background-image:url(../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;
}

.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;
	cursor:pointer;
}