MemorialWizardDialog/* WARNING: the follofing lines needed for IE 5.5 and IE 6.
 * They provides possibility to use PNG images with alpta-transparency
 * and NO longer needed for IE 7.
 */

.ImageFrame,
.ImageButton
{
  behavior: url(/styles/htc/background.htc);
}

.Image,
.ImageBox img
{
  behavior: url(/styles/htc/image.htc);
}

/**
 * Emulation of max-width and max-height.
 */

.BalloonTip {
  width: expression((this.scrollWidth > 300) ? '300px' : this.scrollWidth + (this.offsetWidth - this.clientWidth));
}

.ComboBoxMenu {
  height: expression((this.scrollHeight > 200) ? '200px' : this.scrollHeight + (this.offsetHeight - this.clientHeight));
}

.ModalGlassPane {
  opacity: 0.45;
  -moz-opacity: 0.45;
  -khtml-opacity: 0.45;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  background-color: #000000;
}

/* COMMON CONTROLS */

.Edit, .TextArea {
  color: #15428b;
  font-size: 12px;
  font-family: tahoma;
  padding-left: 2px;
  padding-right: 2px;
  overflow: auto;
  border: 1px solid #b6cff1;
}

.ImageButton, 
.Static
{
  font-family: tahoma;
  font-size: 11px;
  color: #15428b;
  background-repeat: no-repeat;
  text-align: center;
}
.ImageButton
{
  cursor: default;
}

.ImageButton-hover, .ImageButton-pressed
{
  color: #1d1401;
}

.Slider {
  height: 11px;
  background: url(/images/Slider/background.gif) repeat-x center;
}

.Slider .Indicator {
  width: 6px;
  height: 11px;
  background: url(/images/Slider/indicator-normal.gif) no-repeat left top;
}

.ProgressBar {
  height: 11px;
  background-color: #ffffff;
  border: 1px solid #aecaf0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
}

.ProgressBar .ProgressBarItem {
  float: left;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 7px;
  margin-right: 1px;
  background-color: #034e82;
}

.CheckBox, .RadioButton {
  height: 15px;
  line-height: 15px;
}

.FileUpload,
.MenuItem, .Marquee,
.RadioButton label,
.CheckBox label,
.WizardCalendar .CalendarHeaderItem,
.WizardCalendar .CalendarMenuItem
{
  font-family: tahoma;
  font-size: 13px;
  color: #15428b;
}

.ImageButton, .FileUpload,
.MenuItem, .Static,
.WizardCalendar .CalendarHeaderItem,
.WizardCalendar .CalendarMenuItem
{
  background-repeat: no-repeat;
  text-align: center;
}

.FileUpload,
.ToolButton, .MenuButton,
.MenuItem,
.WizardCalendar .CalendarHeaderItem,
.WizardCalendar .CalendarMenuItem
{
  cursor: default;
}

.FileUpload-hover, .FileUpload-pressed,
.ToolButton-hover .Static, .ToolButton-pressed .Static,
.MenuButton-hover .Static, .MenuButton-pressed .Static
{
  color: #1d1401;
}

.BackwardButton,
.ForwardButton,
.ScrollBar .Slider .Indicator
{
  border: 2px outset ButtonHighlight;
  background-image: none;
    background-color: ButtonFace;
    color: ButtonText;
}

.BackwardButton-pressed,
.ForwardButton-pressed
{
  border-style: inset;
}

.ScrollBar-vertical   { width: 16px; }
.ScrollBar-horisontal { height: 16px; }

.BackwardButton,
.ForwardButton
{
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

.ScrollBar-vertical .BackwardButton,
.ScrollBar-vertical .ForwardButton
{
  background-position: 2px 4px;
}

.ScrollBar-horisontal .BackwardButton,
.ScrollBar-horisontal .ForwardButton
{
  background-position: 3px 2px;
}

.ScrollBar-vertical .BackwardButton { background-image: url(/images/ScrollBar/arrowup.gif); }
.ScrollBar-vertical .ForwardButton { background-image: url(/images/ScrollBar/arrowdown.gif); }
.ScrollBar-horisontal .BackwardButton { background-image: url(/images/ScrollBar/arrowleft.gif); }
.ScrollBar-horisontal .ForwardButton { background-image: url(/images/ScrollBar/arrowright.gif); }

.ScrollBar .Slider {
  background-image: url(/images/ScrollBar/background.gif);
}

.ScrollBar-vertical .Slider {
  background-repeat: repeat-y;
}

.ScrollBar-vertical .Slider,
.ScrollBar-vertical .Slider .Indicator
{
  width: 16px;
}

.ScrollBar-horisontal .Slider {
  background-repeat: repeat-x;
}

.ScrollBar-horisontal .Slider,
.ScrollBar-horisontal .Slider .Indicator
{
  height: 16px;
}

/* END OF COMMON CONTROLS*/

/* COMBO BOX */

.WizardCalendar .ComboBox {
  height: 20px;
  border: 1px solid #9fc2e8;
}

.WizardCalendar .ComboBox .Edit {
  height: 18px;
  font-size: 13px;
  border: 0px;
}

.WizardCalendar .ComboBox .DropDownButton {
  width: 17px;
  height: 17px;
  background-position: 0 0;
  background-repeat: repeat;
}

.WizardCalendar .ComboBox .DropDownButton-normal { background-image: url(/images/WizardCalendar/dropdown-normal.gif); }
.WizardCalendar .ComboBox .DropDownButton-hover { background-image: url(/images/WizardCalendar/dropdown-hover.gif); }
.WizardCalendar .ComboBox .DropDownButton-pressed { background-image: url(/images/WizardCalendar/dropdown-pressed.gif); }

.ComboBoxMenu {
  border: 1px solid #9fc2e8;
  background-color: #ffffff;
  max-height: 200px;
}

.ComboBoxMenu .ComboBoxMenuItem {
  font-size: 13px;
  font-family: tahoma;
  text-align: left;
  margin: 1px;
  color: #15428b;
  background-color: transparent;
  cursor: default;
}

.ComboBoxMenu .ComboBoxMenuItem-selected {
  color: highlighttext;
  background-color: highlight;
}

.ComboBoxMenu .ComboBoxMenuItem-highlight {
  color: highlighttext;
  background-color: highlight;
}

/* END OF COMBO BOX */

/* CALENDAR */

.WizardCalendar  {
  width: 185px;
  height: 150px;
  background: #d3e0f1 url(/images/Wizard/background.gif) repeat-x;
}

.WizardCalendar .CalendarMonthList {
  width: 90px;
}

.WizardCalendar .CalendarYearList {
  width: 90px;
}

.WizardCalendar .CalendarHeaderItem,
.WizardCalendar .CalendarMenuItem
{
  width: 26.3px;
  height: 18px;
}

.WizardCalendar .CalendarHeaderItem {
  background:url(/images/bg_head_it.gif) repeat-x;
}

.WizardCalendar .CalendarMenuItem-highlight,
.WizardCalendar .CalendarMenuItem-selected
{
  color: #15428B;
  /*background-color: highlight;*/
  background:url(/images/day_selected.gif) no-repeat;
  border: 0;
}

.WizardCalendar .CalendarMenuItem-grayed {
  color: #999;
}

/* END OF CALENDAR */

/* FRAMES */

.DialogFrame,
.PanelFrame,
.PopupMenuFrame
{
  left: 0px;
  top: 0px;
  border: 1px solid #65758a;
  
}

.DialogFrame,
.PanelFrame
{
  background-color: #e5f2f7;
}

.PopupMenuFrame {
  padding-top: 0px;
  background: #9dbde7 url(/images/PopupMenuFrame/header.gif) repeat-x top;
  width:187px !important;
}

.DialogFrame .TitleBar,
.PanelFrame .TitleBar
{
  width: 100%;
  height: 22px;
  background: #9dbde7 url(/images/DialogFrame/caption.gif) no-repeat right top;
  cursor: move;
}

.DialogFrame .Title,
.PanelFrame .Title
{
  float: left;
  left: 22px;
  height: 22px;
  line-height: 22px;
  text-align: left;
  color: #15428b;
  font-size: 11px;
  font-family: Tahoma;
}

.DialogFrame .CloseButton,
.PanelFrame .CloseButton
{
  float: right;
  right: 1px;
  top: 1px;
  width: 11px;
  height: 10px;
}

.PanelFrame .ResizeButton {
  clear: right;
  float: right;
  right: 1px;
  top: 1px;
  width: 11px;
  height: 10px;
}

/* END OF FRAMES */

/* BALLOON TIPS */

.Balloon {
  border: 0px;
  background-color: transparent;
  width: 200px;
  text-align: left;
}

.BalloonTop,
.BalloonBottom
{
  width: 200px;
  height: 10px;
}

.BalloonTop {
  background: transparent url(/images/BalloonTip/top200px.gif);
}

.BalloonBottom  {
  background: transparent url(/images/BalloonTip/bottom200px.gif);
}

.BalloonCenter {
  width: 200px;
  background-color: #fdec90;
  border-left: 1px solid #3d2a03;
  border-right: 1px solid #3d2a03;
}

.BalloonText {
  background-color: transparent;
  width: 200px;
  border: 0px solid #3d2a03;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.Balloon-wide {
  width: 300px;
}

.Balloon-wide .BalloonTop {
  width: 300px;
  background: transparent url(/images/BalloonTip/top300px.gif);
}

.Balloon-wide .BalloonBottom {
  width: 300px;
  background: transparent url(/images/BalloonTip/bottom300px.gif);
}

.Balloon-left { margin-left: 1px }
.Balloon-right  { margin-left: -1px }
.Balloon-top  { margin-top: 1px }
.Balloon-bottom { margin-top: -1px }

.BalloonTail {
  width: 21px;
  height: 21px;
  border: 0px;
  background: transparent;
}

.BalloonTail-left {
  background-image: url(/images/BalloonTip/tail-left.gif);
  margin-left: 5px;
  margin-top: 10px;
}

.BalloonTail-top  {
  background-image: url(/images/BalloonTip/tail-top.gif);
  margin-left: 10px;
  margin-top: 5px;
}

.BalloonTail-right  {
  background-image: url(/images/BalloonTip/tail-right.gif);
  margin-left: -5px;
  margin-top: 10px;
}

.BalloonTail-bottom {
  background-image: url(/images/BalloonTip/tail-bottom.gif);
  margin-left: 10px;
  margin-top: -5px;
}

.Balloon  p {
  margin: 0px;
}

/* END OF BALLOON TIPS */

.MenuButton {
  width: 88px;
  height: 73px;
}

.MenuButton .Image,
.SplitButton .Image
{
  left: 7px;
  top: 7px;
  width: 64px;
  height: 43px;
  padding: 0px;
}

.MenuButton .Static {
  width: 100%;
  top: 14px;
}

/* TEMPLATES */

.TemplatesMenu,
.TemplatesDialog
{
  width: 555px;
  background: #d2dff1 url(/images/TemplatesMenu/background.gif) repeat-x bottom;
}

.TemplatesMenu,
.TemplatesDialog
{
  height: 548px;
}

.TemplatesDialog .TemplatesMenu {
  height: 505px;
}

.TemplatesMenu .Categories {
  width: 108px;
}

.Categories .MenuButton {
  left: 5px;
  width: 81px;
  height: 73px;
  margin-bottom: 3px;
}

.Categories .MenuButton .Image {
  left: 14px;
  top: 4px;
  width: 53px;
  height: 57px;
}

.Categories .MenuButton .Static {
  top: 0px;
  width: 100%;
  height: 16px;
  line-height: 16px;
}

.TemplatesDialog .ButtonsPane {
  width: 572px;
  height: 43px;
  border: 1px solid #bcd3f2;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  background-color: transparent;
}

.TemplatesDialog .ButtonsPane {
  width: 555px;
}

.TemplatesDialog .CloseButton {
  top: 7px;
  float: right;
  width: 51px;
  height: 24px;
  line-height: 24px;
  right: 7px;
}

.TemplatesMenu .Categories {
  height: 100%;
  border-right: 1px solid #aecaf0;
}

.TemplatesMenu .Categories .Menu {
  padding-top: 5px;
}

.TemplatesMenu .Templates {
  width: 447px;
  height: 100%;
  padding-left: 3px;
  padding-top: 3px;
}

.Templates .SealButton {
  position: absolute;
  width: 208px;
  height: 189px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.Templates .SealButton .Image {
  left: 4px;
  top: 4px;
  width: 200px;
  height: 150px;
}

.Templates .SealButton .Static {
  margin-top: 16px;
}

/* END OF TEMPLATES */

/* IMAGE PREVIEW FRAME */

.ImageFrame {
  width: 125px;
  height: 89px;
  background: url(/images/ImageFrame/background.png) no-repeat left top;
}

.ImageFrame .Background {
  left: 8px;
  top: 6px;
  width: 108px;
  height: 74px;
  line-height: 74px;
  text-align: center;
  background-color: #ffffff;
  background-image: url(/images/ImageFrame/placeholder.gif);
}

/* END OF IMAGE PREVIEW FRAME */

/* IMAGE UPLOAD CONTROL */

.ImageUpload {
  width: 125px; 
  height: 117px;
}

.ImageUpload .ImageButton {
  width: 11px;
  height: 11px;
  top: 0px;
  right: 0px;
  visibility: visible;
}

.ImageUpload .FileUpload,
.MusicUpload .FileUpload
{
  width: 87px;
  height: 25px;
  line-height: 25px;
}

.ImageUpload .FileUpload,
.MusicUpload .FileUpload
{
  text-align: left;
   text-indent: 18px;
}

.ImageUpload .FileUpload {
  left: 10px;
  top: 3px;
  background-color: #CBDBEF;
  border: 0; 
  width:105px; 
  text-indent:10px;
}

/* END OF IMAGE UPLOAD CONTROL */

/* IMAGE UPLOAD MENU */

.ImageUploadMenu {
  padding-top: 79px;
  padding-left: 42px;
  padding-right: 5px;
}

.ImageUploadMenu .ImageUpload {
  float: left;
  margin-right: 37px;
  margin-bottom: 7px;
}

/* END OF IMAGE UPLOAD MENU */

/* WIZARD DIALOG */

.MemorialWizardDialog {
  width: 735px;
  height: 485px;
  background: #cbdbef url(/images/Wizard/background.gif) repeat-x bottom;
}

.MemorialWizardDialog .Description {
  width: 179px;
  height: 100%;
  border-left: 1px solid #b5cff1;
  color: #333333;
  font-family: Tahoma;
  font-size: 12px;
  padding-top: 57px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
}

.MemorialWizardDialog .Description .alert,
.MemorialWizardDialog .Description .error
{
  color: #ff0000;
}

.MemorialWizardDialog .TitlePane {
  width: 556px;
  height: 57px;
  border-bottom: 1px solid #b5cff1;
  display:none;
}

.MemorialWizardDialog .ContentPane {
  width: 556px;
  height:447px;
  border-bottom: 1px solid #b5cff1;
}

.MemorialWizardDialog .Title {
  float: left;
  left: 28px;
  top: 20px;
  height: 17px;
  line-height: 17px;
  color: #15428b;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
}

.MemorialWizardDialog .NextButton,
.MemorialWizardDialog .CancelButton,
.MemorialWizardDialog .BackButton
{
  float: right;
  width: 69px;
  height: 24px;
  line-height: 24px;
  top: 6px;
}


.MemorialWizardDialog .ButtonsPane .CheckBox {
  float: left;
  top: 9px;
  left: 17px;
  width: 100px;
}

.MemorialWizardDialog .CancelButton {
  right: 7px;
}

.MemorialWizardDialog .NextButton {
  right: 11px;
}

.MemorialWizardDialog .BackButton {
  right: 15px;
}

/* END OF WIZARD DIALOG */

/* WIZARD PANES */

.EmailPane,
.NamePane,
.SiteNamePane,
.DatePane,
.LayoutPane,
.TextBlockPane,
.UploadImagesPane
{
  left: 0px;
  top: 0px;
}

.PersonInfoPane .Static,
.NamePane .Static,
.SiteNamePane .Static,
.DatePane .Static,
.EmailPane .Static,
.TextBlockPane .Static
{
  right: 343px;
  height: 16px;
  line-height: 15px;
  font-family: Tahoma;
  font-size: 14px;
  text-align: right;
  color: #15428b;
}

.PersonInfoPane .Edit,
.NamePane .Edit,
.SiteNamePane .Edit,
.DatePane .Edit,
.EmailPane .Edit
{
  left: 229px;
  width: 200px;
  height: 19px;
  border: 1px solid #aecaf0;
}

.EmailPane .EmailTitle,
.EmailPane .EmailField,
.NamePane .FirstNameTitle,
.NamePane .FirstNameField
{
  top: 136px;
}

.NamePane .LastNameTitle,
.NamePane .LastNameField
{
  top: 161px;
}

.SiteNamePane .SiteNameTitle,
.SiteNamePane .SiteNameField
{
  top: 136px;
}

.SiteNamePane .UrlLabel,
.SiteNamePane .UrlDescr
{
  left: 62px;
  right: auto;
  width: 446px;
  height: 55px;
  text-align: left;
  line-height:16px;
}

.SiteNamePane .UrlDescr {
  top: 190px;
  font-size: 12px;
  color: #333333;
}

.SiteNamePane .UrlLabel {
  top: 210px;
  font-weight: bold;
}

.DatePane .BirthDateTitle,
.DatePane .BirthDateField,
.DatePane .BirthDateIcon
{
  top: 136px;
}

.DatePane .DeathDateTitle,
.DatePane .DeathDateField,
.DatePane .DeathDateIcon
{
  top: 180px;
}

.DatePane .BirthDateIcon,
.DatePane .DeathDateIcon
{
  left: 440px;
  width: 22px;
  height: 18px;
  cursor: pointer;
}

.LayoutPane .TemplatesMenu {
  background: transparent none;
}

.TextBlockPane .TextBlockTitle {
  left: 32px;
  text-align: left;
  top: 97px;
  width: 500px;
  height: 30px;
}

.TextBlockPane .TextBlockField {
  border: 1px solid #AECAF0;
  height: 180px;
  left: 30px;
  top: 130px;
  width: 476px;
}

.TextBlockPane .CurLengthLabel,
.TextBlockPane .MaxLengthLabel
{
  left: 165px;
  text-align: left;
}
.TextBlockPane .CurLengthDescr,
.TextBlockPane .MaxLengthDescr
{
  left: 32px;
  text-align: left;
}

.TextBlockPane .CurLengthDescr,
.TextBlockPane .CurLengthLabel,
.TextBlockPane .MaxLengthDescr,
.TextBlockPane .MaxLengthLabel
{
  font-size: 12px;
  color: #333333;
}

.TextBlockPane .CurLengthLabel,
.TextBlockPane .CurLengthDescr
{
  top: 321px;
}

.TextBlockPane .MaxLengthLabel,
.TextBlockPane .MaxLengthDescr
{
  top: 344px;
}

.Description .SectionHighlight {
  background-color: #ffff00;
  border: 1px dashed #000000;
}
.EmailPane{
 background:url(/images/Wizard/step1.gif) no-repeat top left;
}
.NamePane {
 background:url(/images/Wizard/step2.gif) no-repeat top left;
}
.SiteNamePane{
 background:url(/images/Wizard/step2.gif) no-repeat top left;
}
.DatePane{
 background:url(/images/Wizard/step2.gif) no-repeat top left;
}
.LayoutPane{
 background:url(/images/Wizard/step3.gif) no-repeat top left;
}
.TextBlockPane{
 background:url(/images/Wizard/step4.gif) no-repeat top left;
}

.UploadImagesPane{
 background:url(/images/Wizard/step5.gif) no-repeat top left;
}
.TemplatesMenu{
 padding-top:77px;
}
/* END OF WIZARD PANES */