/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
    /* Note: This defines the banner color. It is set to a shade of green
        To change to a background image replace the style to - background-image: url(../Images/banner.jpg);*/
    background-color: White;
	width: 1010px;
    padding: 0px;
    margin: 0px;
}

.PwsMasterDiv, .PWSMasterDiv
{
    padding: 0px;
    /*border: 1px solid #d3e27e ;
    background-color:#f9ab4d;*/
    margin: 0 auto;
    width: 1010px;
    text-align: left;
    margin-top: 5px;
}

.MasterTable
{
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0em 0em;
    background-color: #ffffff;
    width: 1010px;
}

#PageContent
{
    position: absolute;
    z-index: 0;
        width: 970px;
}


.PWSPageFooter
{
	display: block;
	width: 970px;
	height: 60px;
    background-color: #ffffff;
	background-repeat: no-repeat;
}

.PWSPopupDiv
{
    background-color: #ffffff;
}

.FooterTable
{
	display: block;
	width: 970px;
}

/* background color for the content part of the pages */
body
{
    /* background-image: url(../Images/bodyBkgr.gif);
    background-color: #f0dbeb;    */
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
	height: 100%;
    /* This defines the font for any text not contained in a table
       Tables do not inherit font info from the body element
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #d3e27e;*/
	font-size: 10px font-family: Verdana, Helvetica, sans-serif;
    margin: 0px;
	padding: 0px;
	color: #666666;
    border-width: 0px;
	background-color: #fff;
/*    background-color:#6a6a6b;*/
}


.SiteTitle
{
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    /* Note: This is the header title against the green background. 
    Please change to a darker color if HeadBg color is light*/
    /*color: #A33216; */
	color: #708090;
}

/* background color for the content part of the pages */
.HeaderLogo
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    z-index: 1;
    position: relative;
    /* Note: this is the height of the cell with the banner logo.
    Please comment the height or change it to resize the 
    height of the banner. */
   /*height: 75px; */
}

/* Note: Defines the background color or image for the Menu tabs.
To replace it by color replace it by the background-color property
Eg: background-color: blue;*/
.MenuImage
{
	background-color: #7b79ac;
	font-size: 12px;
        font-family: Verdana;
	font-variant: small-caps;
	color: #ffffff;
        padding: none;
        margin: none;
        height: 30px;
        background-repeat: no-repeat;
}

.GoButton
 {
	background-image: url(http://localhost/pws30/go.gif);
  }

.MenuImageHover
{
	background-color: #d3e27e;
	color: #7b79ac;
}

.ChildMenuImage
{
    padding: none;
    margin: none;
	text-align: left;
    border: none;
	height: 30px;
    background-color: #7b79ac;
    font-family: Verdana;
    font-size: 11px;
    color: #ffffff;
}

.ChildMenuImageHover
{
    background-color: #d3e27e;
	color: #7b79ac;
}

.DataGridPrelimBatch
{
background-color: LemonChiffon;
}

.LoginContent
{
    background-color: #ffffff;
}

.GoButton
{
    display: none;
}

.Hidden
{
    display: none;
    visibility: hidden;
}

.GridFilterDropdown
{
    background-color: silver;
    border: solid 2px grey;
    color: black;
    font-size: 8pt;
    width: 200;
}

.GridFilterHighlight
{
    background-color: yellow;
    border: solid 1px grey;
}

.GridFilterRow
{
    background-color: silver;
    border: solid 2px grey;
    color: black;
    font-size: 8pt;
    width: 200;
}

.GridFilterItemStyle
{
    background-color: silver;
    border: solid 2px grey;
    color: black;
    font-size: 8pt;
    width: 200;
}

.HeaderPhoto
{
   top: 20px;
   right: 10px;
  position: absolute;
  z-index: 5;
	width: 200px;
}

.HeaderWrapper
{
	position: relative;
}

.ContactNotesDiv
{
	width: 800px;
	height: 200px;
	background-color: none;
	overflow: auto;
}

.PersonalInformationGroupBox
{
	width: 380px;
	Height: 270px;
}

/* ---------------------------------------------------------
                  Navigation Layout CSS
------------------------------------------------------------
------------------------------------------------------------
    --------------- !!!!!WARNING!!!!!----------------
    -------------------------------------------------
Changing the Navigation CSS May cause the css to break in
Multiple Browsers.

Be Sure to Change Colors Only Located below this section.

Test All Browsers after editting THIS section
-----------------------------------------------------------*/


/*Main Navigation div*/
#navigation #nav, #navigation #nav ul
{
   margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

#navigation ul#nav
{
	display: table;
	width: 100%;
   table-layout: fixed;
}

/*Parent Tabs List Items*/
#navigation ul#nav li
{
}

	#navigation ul#nav > li
{
		position: relative;
		display: table-cell;
		list-style: none;
		float: left;
		width: 100%;
    z-index: 100;
}
 /*Parent Tab Links*/
	#navigation ul#nav li a
	{
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
		width: 100%;
    text-decoration: none;
    text-align: center;
}
/*Child Tab UL*/
	#navigation ul#nav ul
	{
    display: none;
    position: absolute;
    padding: 0px 8px 0px 8px;
    text-indent: 0;
}
/*Child UL when hover over parent NOT IE*/
#navigation ul#nav li:hover ul
{
    display: block;
		list-style: none;
		z-index: 5;
		padding: 0px;
		margin: 0px;
 }

/*Child Tabs*/
	#navigation ul#nav li ul li
	{
    height: auto;
    background: transparent;
    text-indent: 0;
		padding: 0px;
		margin: 0px;
    list-style: none;
}


   /*Child Tabs links*/
#navigation ul#nav li:hover ul li a
 {
    display: block;
    background: transparent;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
      margin: 0;
     text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}
/*----------------------------------------
        End Layout Css
------------------------------------------*/



/*-----------------------------------------

Colors and text effects For Navigation
            EDIT THESE ONLY!

-------------------- ---------------------*/
/*Color of the menu bar*/
#navigation
{
	background-color: #7b79ac;
}
 /*Color of the character between Parent Menu Items*/
.menuSeparator
{
	color: #ffffff;
}

/*Color of the Parent Menu Links*/
#navigation ul#nav li a
{
    color: #ffffff;
	background-color: #7b79ac;
	text-transform: uppercase;
	font: Arial;
	font-size: 12px;
}

	#navigation ul#nav li a:hover
	{
    color: #ffffff;
    background-color: #333333;
}
/*Child menu Item Link */
#navigation ul#nav li:hover ul li a
 {
        color: #ffffff;
	background-color: #333333;
	text-transform: none;
	border: 1px solid #424542;
	font: Arial;
	font-size: 12px;
     width: 155px;
 }

 /*Each Individual child item*/
 #navigation ul#nav li:hover ul li
 {
	padding: 0px;
 }

  #navigation ul#nav li:hover ul li:hover
 {
		padding: 0px;
 }

 /*Child Links SubMenu*/
 #navigation ul#nav li:hover ul
{
	margin: 0px;
	padding: 0px;
}


/*Child Tabs when hover over*/
#navigation ul#nav li ul li a:hover
{
    color: #424542;
	border: 1px solid #424542;
    background-color: #e0e0e0;
}

.RedIndicator
{
    background-color: #FFD3D3;
    color: black;
}

.YellowIndicator
{
    background-color: #FFFF7E;
    color: black;
}

.GreenIndicator
{
    background-color: #DCFF94;
    color: black;
}


/*
 * Start of FancyBox CSS
 * FancyBox - jQuery Plugin
 */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 30;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 60;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 40;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 40;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 40;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 10;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 50;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 50;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*
 * End of FancyBox CSS
 */
/* TCOrderDetailsBO */

.tblConsultantinfo
{
    border: solid;
    width: 1px;
}

/* END TCOrderDetailsBO */


#SureDelete
{
   width: 200px;
}

.OkCancel
{
    padding: 20px 0px 10px 0px;
}

#modalPopupWarning_pnlShadow
{
    min-width: 200px;
}

#modalPopupWarning_pnlShadow .Ok
{
    padding: 20px 0px 10px 0px;
}

#CancelEvent
{
   width: 200px;
}

.Calendar .CalView
{
  padding-top: 10px;
}

.Calendar .CalTypePreview
{
   padding: 7px 15px 0px 0px;
   margin-right: 5px;
}

.igpnl_Office2007SilverControl
{
   margin-bottom: 15px;
}

.Calendar .CalSidePanel
{
   margin-top: 35px;
   margin-right: 3px;
   width: 225px;
   float: left;
}

.Calendar .CalView
{
	width: 700px;
   float: right;
}

.Calendar .btnHeader div
{
   display: inline;
}

.Calendar .btnHeader input
{
  margin-top: 5px;
}

.Calendar .btnHeader .ViewType
{
   float: right;
   padding-right: 5px;
}

.Calendar .btnHeader .ViewType input
{
   margin-left: 5px;
}

.Calendar .btnHeader .ViewType .Search input
{
   margin-left: 0px;
}

.igmv_FadedAppointment,
.igwv_FadedAppointment,
.igdv_FadedAppointment
{
   filter: alpha(opacity=100) !important;
   opacity: 1.0 !important;
   -khtml-opacity: 1.0 !important;
   -moz-opacity: 1.0 !important;
}

.igmv_ActiveDayHeader
{
	color: #000000 !important;
   background-color: #BDD7F7 !important;
}

.AlternateItemRow
{
	background-color: #eeeeee;
}

.Upcoming
{
  color: green;
  font-weight: bold;
}

.Upcoming a:link
{
  color: green;
}

.Overdue
{
  color: red;
  font-weight: bold;
}

.Overdue a:link
{
  color: red;
}

.EventStats .SubHead:after
{
  content: ": ";
}

.EventStats .DateLabel
{
  padding-left: 25px;
  width: 80px;
}

.EventStats .Date
{
  width: 60px;
}

.EventStats .DaysOverdue
{
  width: 40px;
}

.EventStats .Host
{
  width: 197px;
}

.EventStats .Status
{
  width: 20px;
  padding-top: 5px;
}

.EventStats h2
{
  margin: 4px 0px 4px 0px;
  padding-left: 5px;
}

.EventStats h2 a:link
{
  color: black;
		font-weight: normal;
}

.EventStats li
{
    list-style-image: none;
    list-style-type: none;
    padding: 0px 0px 15px 0px;
}

ul.EventStats 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.Calendar .igdv_WorkingTimeSlot,
.Calendar .igwv_DayArea,
.Calendar .igmv_DayHeader,
.Calendar .igmv_Day
{
    background-color: white;
}

.Calendar .BaseFilters
{
  padding: 5px 0px 5px 0px;
}

.Calendar .BaseFilters div
{
		display: inline;
  padding: 4px 50px 4px 50px;
  border: 1px solid #BBBBBB;
		font-weight: bold;
}

.Calendar .BaseFilters div span:after
{
  content: ": ";
}

.Calendar .Filters .Clear
{
  float: right;
}

.EventDialogue .EventDetails
{
  min-height: 400px;
}


.Header div,
.Header h2
{
	display: inline;
}

.Header .Export
{
	position: absolute;
  left: 200px;
}

.OrderDetails .Grid
{
  padding-bottom: 10px;
}

.NewEventWizard .WizardStep
{
  padding-left: 10px;
}

.NewEventWizard .WizardStep .WizCol1
{
		width: 125px;
}

.NewEventWizard .AddHost .AddressDisplay .Column1
{
	width: 125px;
}

.NewEventWizard .EventLocation .WizLocation
{
  width: 200px;
}

.WizardControl .CancelButton
{
  background-color: white;
  border: none;
	text-decoration: underline;
}

.EventDialogueGroupBox
{
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.EventDialogueGroupBox #results
{
		overflow: auto;
  max-height: 250px;
}

.EventDetails .Actions .Receipt
{
  font-size: 12pt;
}


/*---------------------------*/
/*  Start PWS Layout CSS   */
/*---------------------------*/
.PwsLayoutDiv
{
	width: 950px;
   height: 600px;
}

div.dhtmlxLayoutObject
{
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.dhxCursorWResize
{
    cursor: w-resize;
}

.dhxCursorNResize
{
    cursor: n-resize;
}
/* dhxcont */
div.dhxcont_global_layout_area
{
    overflow: hidden;
}
/*
div.dhxcont_global_layout_area div.dhxcont_statusbar {
    position: absolute;
    width: 100%;
    bottom: 0px;
    _bottom: -1px;
    aborder-top: #FFFFFF 1px solid;
    aborder-bottom: #B5CDE4 1px solid;
    background-color: #D9E8F6;
    width: 100%;
    overflow: hidden;
    font-family: Tahoma;
    font-size: 11px;
    vertical-align: middle;
    line-height: 17px;
    -moz-user-select: none;
    cursor: default;
    padding-left: 4px;
}
*/
div.dhxcont_content_blocker
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 101%;
    height: 101%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background: #FFFFFF;
    z-index: 1;
    -moz-user-select: none;
}
/* skin detect */
div.dhxlayout_skin_detect
{
    position: absolute;
    height: 1px;
    margin: 0px;
    padding: 0px;
}
/*****************************************************************************************************************************************************************
                                "DHX_SKYBLUE" SKIN
*****************************************************************************************************************************************************************/
/* inner table */
table.dhtmlxLayoutPolyContainer_dhx_skyblue
{
    width: 100%;
    height: 100%;
    abackground-color: #D3E2E5;
}
/* single polygon */
	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly
	{
    position: relative;
    overflow: hidden;
    vertical-align: top;
}
/* window content */
		table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxWindowMainContent
		{
    border: #a4bed4 1px solid;
    background-color: #FFFFFF;
}


/* WITH ENGINE */
		table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlx_wins_body_inner
		{
    border: #000000 1px solid;
    background-color: #FFFFFF;
}

/* content cover boocker */
	table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhxcont_content_blocker
	{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    background-color: #93C0E7;
}


/* infobar */
	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar
	{
    position: relative;
    font-family: Tahoma;
    font-size: 2px;
    height: 27px;
        background-color: #7b79ac;
    overflow: hidden;
    border-left: #a4bed4 1px solid;
    border-right: #a4bed4 1px solid;
}

		table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarButtonsFake
		{
    position: absolute;
    width: 28px;
    height: 27px;
    margin: 0px;
    top: 0px;
    right: -1px;
    background-color: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_bg.gif");
    background-repeat: repeat-x;
    background-position: top;
    overflow: hidden;
}
/* infobar label */
		table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel
		{
    white-space: nowrap;
    font-size: 11px;
    color: #000000;
    font-family: Tahoma;
    font-weight: bold;
    top: 7px;
    margin-left: 5px;
    line-height: 15px;
    vertical-align: middle;
    cursor: default;
    position: absolute;
    -moz-user-select: none;
}

	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxInfoBarLabel
	{
    display: none;
}
/* button collapse to-right */
	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoButtonShowHide_ver
	{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    right: 4px;
    font-family: Tahoma;
    font-size: 2px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
}

	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxInfoButtonShowHide_ver
	{ /* tabbar case, collapsed */
    position: absolute;
    width: 7px;
    height: 8px;
    top: 6px;
    right: 4px;
    font-family: Tahoma;
    font-size: 2px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
}

.dhxLayoutButton_dhx_skyblue_ver1t
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: -32px 0px;
}

.dhxLayoutButton_dhx_skyblue_ver1b
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: 0px 0px;
}
/* button collapse to-left */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoButtonShowHide_hor
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    right: 4px;
    font-family: Tahoma;
    font-size: 2px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxInfoButtonShowHide_hor
{ /* tabbar case, collapsed */
    position: absolute;
    width: 8px;
    height: 7px;
    top: 10px;
    left: 6px;
    font-family: Tahoma;
    font-size: 2px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
}

.dhxLayoutButton_dhx_skyblue_hor1l
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: -16px 0px;
}

.dhxLayoutButton_dhx_skyblue_hor1r
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: -48px 0px;
}
/* collapsed polygon horizontal */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedHor
{
    position: relative;
    font-family: Tahoma;
    font-size: 2px;
    height: 100%;
    height: 18px;
    overflow: hidden;
}

	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedHor div.dhtmlxInfoBarLabel
	{
    display: none;
}

	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedHor div.dhtmlxInfoButtonShowHide_ver
	{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    right: 4px;
    font-family: Tahoma;
    font-size: 2px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
}

.dhxLayoutButton_dhx_skyblue_ver2t
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: -32px 0px;
}

.dhxLayoutButton_dhx_skyblue_ver2b
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: 0px 0px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedHor div.dhtmlxInfoBarButtonsFake
{
    border-left: 1px solid #a4bed4;
    border-right: 1px solid #a4bed4;
    height: 18px;
    left: 0px;
    position: relative;
    top: 0px;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_collapsedhor.gif");
    background-repeat: repeat-x;
}
/* collapsed polygon vertical */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer
{
    position: relative;
    width: 100%;
    font-family: Tahoma;
    font-size: 2px;
    height: 100%;
    abackground-color: #C2D5DC;
    overflow: hidden;
}

	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxInfoBarLabel
	{
    display: none;
}

	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxInfoButtonShowHide_hor
	{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    left: 1px;
    font-family: Tahoma;
    font-size: 2px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-repeat: no-repeat;
}

.dhxLayoutButton_dhx_skyblue_hor2l
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: -16px 0px;
}

.dhxLayoutButton_dhx_skyblue_hor2r
{
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_btns.gif");
    background-position: -48px 0px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxInfoBarButtonsFake
{
    border-top: 1px solid #a4bed4;
    border-bottom: 1px solid #a4bed4;
    width: 16px;
    left: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 18px;
    bottom: 0px;
	height =100%;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_collapsedver.gif");
    background-repeat: repeat-y;
}
/* border-bottom for vercollapsed cell */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxInfoBarButtonsFake2
{
    position: absolute;
    width: 100%;
    bottom: 1px;
	bottom =-1px;
    border-bottom: 1px solid #a4bed4;
}
/* inner objects */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInnerContainer
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    position: relative;
    overflow: auto;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlx_wins_body_content
{
    position: relative;
    overflow: hidden;
}
/* SPLITTERS */
/* hor-based splitter */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutPolySplitterHor
{
    font-size: 1px;
    height: 5px;
    line-height: 5px;
    cursor: n-resize;
    -moz-user-select: none;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_drag_hor.gif") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    vertical-align: top;
    background-color: #ebebeb;
}
/* hor-based splitter inactive */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutPolySplitterHorInactive
{
    font-size: 1px;
    height: 5px;
    line-height: 5px;
    cursor: default;
    -moz-user-select: none;
    vertical-align: top;
    background-color: #ebebeb;
}
/* ver-based splitter */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutPolySplitterVer
{
    font-size: 2px;
    width: 5px;
    cursor: w-resize;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_drag_ver.gif") !important;
    background-repeat: no-repeat !important;
    background-position: 50% center !important;
    background-color: #ebebeb;
    vertical-align: top;
    -moz-user-select: none;
}
/* ver-based splitter inactive */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutPolySplitterVerInactive
{
    font-size: 2px;
    width: 5px;
    cursor: default;
    background-color: #ebebeb;
    vertical-align: top;
    -moz-user-select: none;
}
/* DEFAULT SINGLE POLYGON WITH ATTACHED TABBAR */
/* polygon */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar
{
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: 0px solid transparent;
    border-top: 1px solid #D2E3EA;
    border-bottom: 1px solid #D2E3EA;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbarCollapsed
{
    position: relative;
    border: #C2D5DC 1px solid;
    overflow: hidden;
    vertical-align: top;
    background-color: #D2E3EA;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxWindowMainContent
{
    border: #333333 0px solid !important;
    background-color: #FFFFFF;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxPolyInfoBarCollapsedVer, td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxPolyInfoBarCollapsedHor
{
    position: relative;
    width: 100%;
    height: 100%;
}
/* small tabbar fix */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhx_tabbar_row
{
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxPolyInfoBar, td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxPolyInfoBar
{
    position: relative;
    z-index: 100;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxInfoBarLabel, td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxInfoBarLabel
{
    width: 0px;
    height: 0px;
    display: none;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxInfoBarButtonsFake, td.dhtmlxLayoutSinglePolyTabbarCollapsed div.dhtmlxInfoBarButtonsFake
{
    width: 0px;
    height: 0px;
    display: none;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxPolyInfoBar div
{
    position: relative;
    float: right;
    background-position: center top;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    overflow: hidden;
    z-index: 100;
}
/* collapse/expand buttons for tabbar */
	table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxPolyInfoBar div.dhtmlxInfoButtonShowHide_hor, table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePolyTabbar div.dhtmlxPolyInfoBar div.dhtmlxInfoButtonShowHide_ver
	{
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
/* SIZER */
div.dhxLayout_Sizer_dhx_skyblue
{
    position: absolute;
    background-color: #97BFE8;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    transparent: 0;
    font-size: 1px;
    z-index: 1999;
}

div.dhxLayout_Cover_dhx_skyblue
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    background-color: #93C0E7;
}
/* attached menu */
.dhtmlxMenu_dhx_skyblue_Middle
{
    amargin-left: 1px;
    amargin-right: 1px;
}

.dhtmlxMenu_dhx_skyblue_bottom_border
{
	height =25;
    border-bottom: #C2D5DC 1px solid;
}

.dhtmlxToolbar_dhx_skyblue_bottom_top
{
    border-top: #C2D5DC 1px solid;
}
/* progress cover */
table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxLayoutPolyProgress
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #93C0E7;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxLayoutPolyProgressBGIMG
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_progress.gif");
    background-repeat: no-repeat;
    background-position: center center;
}
/* progres cover global */
div.dhtmlxLayoutPolyProgressGlobal_dhx_skyblue
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #93C0E7;
}

div.dhtmlxLayoutPolyProgressBGIMGGlobal_dhx_skyblue
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_progress_global.gif");
    background-repeat: no-repeat;
    background-position: center center;
	z-index: 1;
}
/* status bar */
div.dhxcont_global_layout_area div.dhxcont_sb_container
{
    position: relative;
    height: 24px;
}

	div.dhxcont_global_layout_area div.dhxcont_sb_container div.dhxcont_statusbar
	{
    position: relative;
    top: 2px;
    height: 22px;
    line-height: 22px;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_bg_sb.gif");
    background-repeat: repeat-x;
    width: auto;
    padding: 0px 4px;
    overflow: hidden;
    white-space: nowrap;
		border: #A4BED4 1px solid;
    border-top: none;
    border-bottom: none;
    font-family: Tahoma;
    font-size: 11px;
    vertical-align: middle;
    color: #000000;
}
/* status attachecd to layout's cell */
table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhxcont_global_layout_area div.dhxcont_sb_container_layoutcell
{
    position: relative;
    height: 21px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhxcont_global_layout_area div.dhxcont_sb_container div.dhxcont_statusbar
{
    position: relative;
    top: 0px;
    height: 21px;
    line-height: 21px;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_bg_sb.gif");
    background-repeat: repeat-x;
    background-position: top;
    width: auto;
    padding: 0px 4px;
    overflow: hidden;
    white-space: nowrap;
    border-top: none;
    border-bottom: none;
    font-family: Tahoma;
    font-size: 11px;
    vertical-align: middle;
    color: #000000;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhxcont_statusbar
{
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: none;
    _bottom: -1px;
    background-image: url("../../../pws/DHtmlXTreeGrid/codebase/imgs/dhxlayout_bg_sb.gif");
    background-repeat: repeat-x;
    overflow: hidden;
    font-family: Tahoma;
    font-size: 11px;
    color: #7393ae;
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
    -moz-user-select: none;
    cursor: default;
    padding-left: 4px;
}

/* dhxcont cells in layout */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhxcont_global_content_area
{
    position: absolute;
    overflow: hidden; /* important for IE */
    border: #a4bed4 1px solid;
    background-color: #FFFFFF;
}

/* left/right lines in header */
table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxPolyInfoBar div.dhtmlxLineL
{
    position: absolute;
    border-left: #FFFFFF 1px solid;
    top: 1px;
    left: 0px;
    height: 25px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxPolyInfoBarCollapsedHor div.dhtmlxLineL
{
    position: absolute;
    border-left: #FFFFFF 1px solid;
    top: 1px;
    left: 1px;
    height: 16px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxPolyInfoBar div.dhtmlxLineR
{
    position: absolute;
    border-right: #FFFFFF 1px solid;
    top: 1px;
    right: 0px;
    height: 25px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxPolyInfoBarCollapsedHor div.dhtmlxLineR
{
    position: absolute;
    border-right: #FFFFFF 1px solid;
    top: 1px;
    right: 1px;
    height: 16px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxLineL
{
    position: absolute;
    border-top: #FFFFFF 1px solid;
    top: 1px;
    left: 1px;
    width: 16px;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxLineR
{
    position: absolute;
    border-bottom: #FFFFFF 1px solid;
    bottom: 1px;
    bottom: 1px;
    left: 1px;
    width: 16px;
}



/* fullscreened init on body */
.dhxlayout_fullscreened
{
    background-color: #ebebeb;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}
/* layout attached to window */
/*
.dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_body_inner.dhxwin_attachedlayout {
    background-color: #ebebeb !important;
    border: #ebebeb 2px solid !important;
}
*/

/* skin detect, dhx_skyblue */
div.dhxlayout_skin_detect
{
    width: 199px;
}

/* COLLAPSED TEXT */
/* horizontal */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel_collapsed_ver
{
    display: none;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedHor div.dhtmlxInfoBarLabel_collapsed_ver
{
    position: absolute;
    top: 2px;
    left: 5px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    white-space: nowrap;
    cursor: default;
    -moz-user-select: none;
}
/* vertical */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarLabel_collapsed_hor
{
    display: none;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer div.dhtmlxInfoBarLabel_collapsed_hor
{
	position: absolute;
    top: 28px;
    left: 0px;
	display: block;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    white-space: nowrap;
    cursor: default;
    -moz-user-select: none;
    -webkit-transform: rotate(90deg); 
	-webkit-transform-origin: 0% 100%;
    -moz-transform: rotate(90deg);  
    -moz-transform-origin: 0% 100%;
    -o-transform: rotate(-90deg);
    writing-mode: tb-rl;
}

table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBarCollapsedVer[_dockcell=b] div.dhtmlxInfoBarLabel_collapsed_hor
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
/*---------------------------*/
/*  End PWS Layout CSS   */
/*---------------------------*/

.autocomplete
{
  border: solid 1px #a4a4a4;
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px;
}

#Bookmarks #BookmarkFiltering
{
  padding: 5px 5px 10px 5px;
  background-color: #eeeeee;
	margin: 0px;
}

#Bookmarks .Results
{
  padding: 2px 5px 0px 5px;
}

.ContactsRequiredWarning 
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}

	.ContactsRequiredWarning .Ok
{   
		width: 150px;
		margin-left: auto;
		margin-right: auto;
    margin-top: 10px;
}


.AlertNofitication 
{
    -moz-border-radius: 5px;
border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.AlertMessage
{
	color: #404040;
	padding-left: 15px;
	vertical-align: top;
}

.NotificationTitle
{
	padding-left: 15px;
	font-size: 12pt;
}

.AlertNofitication table
{
	width: 100%;
	vertical-align: top;
	padding-left: 10px;
}

.AlertNofitication table .ImageCell
{
		padding-top: 10px;
		padding-left: 10px;
		width: 40px;
}

.SuccessAlert
{
	color: #258815;
	background-color: #d4ffcd;
	border: 2px solid #9adf8f;
}

.InfoAlert
{
	color: #2850c1;
	background-color: #dbecff;
	border: 2px solid #9fc7f5;
}

.ErrorAlert
{
	color: #871414;
	background-color: #ffd2d3;
	border: 2px solid #df8f90;
}

.WarningAlert
{
	color: #878314;
	background-color: #fefccb;
	border: 2px solid #e5db55;
}


/*************************************/
/* Graphical Genealogy               */ 
/*************************************/

.GenealogyModule a:hover
{
	cursor: pointer;
}

#TopPane
{
	margin-left: 211px;
}

#LeftPane
{
	height: 500px;
	width: 175px;
}

.OpenOptionsDiv
{
	background-color: #999;
	padding: 2px;
	height: 28px;
}

.Node
{
        background: url("images/white-highlight.png") repeat-x scroll left top #C3EAFB;
    border: 2px solid #B5D9EA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: black;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    width: 46px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.Zoom
{
	width: 200px;
}

.RedIndicator
{
	background-color: #ff5b5b;
}

.YellowIndicator
{
	background-color: #e2ff5b;
}

.GreenIndicator
{
	background-color: #5bff82;
}

.Node .ChildrenCountCell
{
}

.hasChildren 
{
}

.Node .ViewContactCardCell
{
    text-align: left;
}

.Name
{
    font-size: 9pt;
    font-weight: bold;
    float: left;
    font: Arial;
}

.Node .ContactInfoCell
{
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: top;
    text-align: left;
}

.CompLevel, .GenStatusText
{
    float: left;
    clear: left;
    color: #000;
    font-size: 7pt;
	display: none;
}

.ChartArea
{
	padding-top: 50px;
	padding-left: 50px;
	width: 770px;
	height: 450px;
	overflow: scroll;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
  background-image: url('images/graphicalgenealogy/chartbackground.gif');
    background-repeat: repeat-x;
}







#TopPane ul, #TopPane li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#TopPane .crumbs
{
    border: 1px solid #dedede;
    height: 2.3em;
}

#TopPane .crumbs li
{
    float: left;
    line-height: 2.3em;
    padding-left: .75em;
    color: #777;
}

#TopPane .crumbs li a
{
    display: block;
    padding: 0 15px 0 0;
}

#TopPane .crumbs li a:link, #TopPane .crumbs li a:visited
{
    text-decoration: none;
    color: #777;
}

#TopPane .crumbs li a:hover, #TopPane .crumbs li a:focus
{
    color: #dd2c0d;
}


.btnopen, .btnopen:hover, .btnopen a:visited
{
	color: #fff;
}

.Zoom .Title, .Search .Title, 
 .Views .Title, .bookmarks .Title
{
	font-size: 10pt;
	color: #fff;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	display: block;
	background-color: #999;
}

.Search
{
	width: 190px;
	padding-bottom: 25px;
}

.Zoom 
{
	width: 190px;
}

.Zoom table
{
		font-size: 8pt;
		color: #999;
		margin-left: 5px;
		margin-top: 5px;
		width: 160px;
}

.GenealogyModule input
{
	width: 160px;
}

.Views
{
	padding-bottom: 25px;
	width: 190px;
}

  .Views select
{
		font-size: 9pt;
		width: 165px;
		margin-bottom: 10px;
}


#divError
{
	position: absolute;
	top: 300px;
	left: 500px;
	padding: 50px;
	background-color: #fff;
	border: 5px solid #9f9f9f;
}

.bookmarks
{
	padding-bottom: 25px;
	padding-right: 25px;
	width: 190px;
}

.Bookmark
{
	padding-bottom: 10px;
}
  
.autocomplete-w1
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 8px 0 0 6px; /* IE6 fix: */
	_background: none;
	_margin: 0;
}

.autocomplete
{
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	text-align: left;
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px; /* IE6 specific: */
	_height: 350px;
	_margin: 0;
	_overflow-x: hidden;
}

	.autocomplete .selected
	{
		background: #F0F0F0;
	}

	.autocomplete div
	{
		padding: 2px 5px;
		white-space: nowrap;
	}

	.autocomplete strong
	{
		font-weight: normal;
		color: #3399FF;
	}


/*********************************/
/* End Graphical Genealogy       */
/*********************************/

.ValidationNotification
{
	text-align: left;
	color: #000;
}

.ValidationNotification ul
{
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-bottom: 0.5em;
}

.ValidationNotification ul li
{
			background-repeat: no-repeat;
     background-position: 0 3px;
     text-indent: 20px;
}


/* TipTip CSS - Version 1.2 */

#tiptip_holder
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

	#tiptip_holder.tip_top
	{
    padding-bottom: 5px;
}

	#tiptip_holder.tip_bottom
	{
    padding-top: 5px;
}

	#tiptip_holder.tip_right
	{
    padding-left: 5px;
}

	#tiptip_holder.tip_left
	{
    padding-right: 5px;
}

#tiptip_content
{
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}



#tiptip_arrow, #tiptip_arrow_inner
{
	display: none;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow
{
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow
{
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow
{
    border-right-color: #fff;
}

#tiptip_holder.tip_left #tiptip_arrow
{
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner
{
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #666;
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner
{
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner
{
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner
{
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#tiptip_content
	{
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }

	#tiptip_holder.tip_bottom #tiptip_arrow_inner
	{
        border-bottom-color: rgba(45,45,45,0.88);
    }

	#tiptip_holder.tip_top #tiptip_arrow_inner
	{
        border-top-color: rgba(20,20,20,0.92);
    }
}

/*---------*/
/* Ice CSS */
/*---------*/
.IceRightPanel
{
	float: right;
	clear: right;
	background-color: #F1F1F1;
}

.IceStep
{
	margin: 15px;
}

.IceWizardPanel
{
	width: 800px;
	float: left;
	margin: 15px;
	min-height: 600px;
}

.IceSection .SubHead, .IceSection .IceLabelCol
{
	color: #999;
	font-size: 14px;
	font-weight: normal;
}

.IceTable
{
	border-spacing: 10px;
}

.IceLabelCol, .IceSection .AddressDisplay .tblAddress .Column1
{
	width: 115px;
	white-space: nowrap;
}

.IceTable select
{
	height: 25px;
}

.IceTable input[type="text"], .IceSection .AddressDisplay .tblAddress input[type="text"]
{
	width: 250px;
	height: 20px;
}

.IceSection .IceRequired
{
	background-color: #ffd2d3;
	border: 1px solid #df8f90;
}
 
.IceSection .AddressDisplay .tblAddress select
{
	height: 25px;
	width: 255px;
}

.IceTable input.PhoneNumber
{
	margin-left: 10px;
	width: 195px;
}

.IceSection .AddressDisplay .tblAddress
{
	border-collapse: separate !important;
	border-spacing: 10px;
}

.IceSection .IceConsultantInfo
{
	margin-right: auto;
	margin-left: auto;
}

.IceSection .IceConsultantInfo .IceConsultantImage
{
		margin-left: 100px;
		float: left;
}

.IceSection .IceConsultantInfo .IceConsultantContact
{
		margin-left: 10px;
		float: right;
}

.IceSection .ItemCategories
{
	width: 150px;
	float: left;
}

.IceSection .AdditionalItems
{
	width: 400px;
	float: left;
	clear: right;
}

.IceSection .ItemCategories .IceItemCategories
{
	margin: 0;
    padding: 0;
}

.IceSection .ItemCategory
{
     -moz-transition: all 300ms linear 0s;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    display: block;
    height: 30px;
    margin-bottom: 4px;
    position: relative;
    width: 150px;
}

.IceSection .ItemCategory:hover
{
      background: #e1f0fa;
}

.IceSection .ItemCategory a
{
		margin-left: 20px;
		margin-top: 5px;
     font-family: 'Terminal Dosis',Arial,sans-serif;
		font-size: 14px;
    color: #333333;
      text-decoration: none;
          display: block;
}

.IceSection .AdditionalProduct .ProductImage
{
	height: 50px;
	width: 50px;
}

.IceSection .AdditionalProduct input
{
	width: 25px;
}

.IceSection .CartItems
{
	float: right;
	clear: right;
	width: 200px;
	background-color: #e1f0fa;
}

.IceSection .ICESubHeader
{
	font-size: 24px;
}

.IceSection .IceSubTotal
{
	font-size: 24px;
	color: #000;
}

.IceSection .KitTable
{
	padding-bottom: 15px;
}

.IceSection .KitInfoTable
{
	padding-left: 50px;
}

.IceSection .CartItems table td
{
	padding-right: 5px;
}

.IceSection .CartItems table .FooterRow td
{
	padding-top: 5px;
	border-top: 1px solid #000;
}



.IceSection .KitName
{
	color: #6CB6FF;
	font-size: 18px;
}

.IceSection .KitPrice
{
	color: #666;
	font-size: 14px;
}

.IceSection .KitDescription
{
	width: 250px;
}

.IceSection .KitSelection .AddKit
{
     border: 0px solid #fff;
	background: none;
	padding-top: 10px;
	text-align: center;
	display: block;
	width: 150px;
	height: 42px;
    background-repeat: no-repeat;
	text-transform: uppercase;
	color: #000;
    font-weight: bold;
    background-image: url('../images/blueButton.gif');
}

.tblSelectedKits .KitImage
{
	width: 225px;
}

/*************/
/* END ICE   */
/*************/

/**************************/
/*      WIZARD CSS        */
/**************************/

.WizardControl
{
    width: 100%;
}

	.WizardControl .StepImages div
	{
    display: inline;
}

	.WizardControl .WizardHeader
	{
    background-color: #F1F1F1;
    border: 1px solid #E3E1E1;
    color: #666666;
    margin: 0 0 10px;
    padding: 10px;
}

		.WizardControl .WizardHeader .WizardTitle
		{
    color: #6CB6FF;
    font-size: 16px;
    font-weight: bold;
}

.WizardHeader .WizardTitle, .WizardHeader .WizardSteps
{
    display: inline;
}

	.WizardHeader .WizardSteps table
	{
    display: inline;
    float: right;
    text-align: right;
}

.WizardHeader .StepNotCompleted
{
    background-color: #999999;
    border: 1px solid #999999;
    color: White;
    font-family: Arial;
    font-size: 12px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
}

.WizardHeader .StepCompleted
{
    background-color: #4D4D4D;
    border: 1px solid #4D4D4D;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    width: 15px;
}

.WizardHeader .StepCurrent
{
    background-color: #E01122;
    border: 1px solid #E01122;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 15px;
}

.WizardHeader .StepBreak
{
    background-color: Transparent;
    width: 3px;
}

.WizardHeader .WizardProgress
{
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    padding-right: 10px;
}

.WizardHeader .WizardTitle
{
    color: #333333;
    font-family: Arial;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
}

.WizardStepContent .NewUserTerms
{
    border: 1px solid #E3E1E1;
    height: 400px;
    overflow-y: scroll;
    width: 900px;
}

.NewUserContentPane .WizardStepContent
{
    background-color: #FFFFFF;
    border: 3px solid #E3E1E1;
}

.NewUserContentPane .TextBox
{
    border: 2px solid #E3E1E1;
    height: 20px;
    width: 300px;
}

.NewUserWizard .WizardNavigation
{
    background-color: #E3E1E1;
}

.WizardStepContent .NewUserOptionRow
{
    border: 3px solid #E3E1E1;
    padding: 10px;
}

	.WizardStepContent .NewUserOptionRow .OptionName
	{
    font-size: 12px;
    font-weight: bold;
}

	.WizardStepContent .NewUserOptionRow .OptionDesc
	{
    font-size: 10px;
    padding-bottom: 10px;
}

/**************************/
/*    END WIZARD CSS      */
/**************************/

.FlowPlayerVideo
{
	width: 565px;
	height: 380px;
	display: none;
	padding: 5px;
}


.FlowPlayerAudio
{
	width: 565px;
	height: 30px;
	display: none;
	padding: 5px;
}

/*
 * Terms and Conditions
 *
 */
.SignatureControl
{
	display: inline-block;
}

.SignatureLabel
{
	vertical-align: top;
}

.dvTermsContractDisclaimer
{
    font-style: italic;
    font-size: smaller;   
    border-style: solid;
    border-width: 1px;
}

.dvTermsContractSignatureControl
{
    text-align: right;
}

#PdfBackground
{
    background-color: White;
}

.DocumentLibrary .DocumentCategories
{
	width: 350px;
	float: left;
}

.DocumentLibrary .DocumentCategories ul,
.DocumentLibrary .DocumentListing ul
{
		list-style: none;
		margin: 0;
		padding: 0;
}

.DocumentLibrary .DocumentListing
{
	float: left;
	clear: right;
}

.DocumentListing .docImage
{
	width: 50px;
	height: 75px;
	float: left;
	clear: left;
}

.DocumentListing .DocDownload
{
	width: 300px;
	float: left;
	clear: right;
	font-size: 12pt;
	font-weight: bold;
}
	
.DocumentListing .DocDownload a
{
		text-decoration: none;
		color: #999;
}

.DocumentListing .DocDescription
{
	width: 200px;
}

.DocumentLibrary .DocumentListing ul li
{
	padding-bottom: 10px;
}


.countdown_dashboard
{
	height: 80px;
	width: 300px;
	margin: auto;
	border: 1px solid #999;
}



.dash
{
	width: 45px;
	height: 30px;
	float: left;
	margin-top: 10px;
	margin-left: 2px;
	padding-left: 10px;
	position: relative;
	color: white;
}

.days_dash
{
}

.dash .digit
{
	font: bold 16pt Verdana;
	font-weight: bold;
	color: #999;
	float: left;
	width: 20px;
	text-align: center;
	position: relative;
}

.dash_title
{
	font-size: 8pt;
	display: block;
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
	color: #666;
}

/*TOOLBAR*/

.igdm_ProwessControlHorizontal
{
    background-color: #EEEEEE;
    border-style: none;
    border-width: 0;
    cursor: default;
    font-family: Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;
    overflow: hidden;
    white-space: nowrap;
}

.igdm_ProwessControlHorizontalActive
{
}

.igdm_ProwessControlHorizontalDisabled
{
    background-color: #EEEEEE;
}

.igdm_ProwessMenuGroupHorizontalRoot
{
    background-color: Transparent;
    color: Black;
    cursor: default;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
}

.igdm_ProwessMenuItemHorizontalRoot
{
    border: 1px solid Transparent;
    color: #000FFF;
    float: left;
    font-size: 10px;
    padding: 6px 6px 6px 12px;
}

.igdm_ProwessMenuItemHorizontalIcon
{
    border-style: none;
    border-width: 0;
    clear: none;
    float: left;
    padding-right: 6px;
    text-align: left;
    vertical-align: middle;
}

.igdm_ProwessMenuItemHorizontalRootLink
{
    color: #333333;
    cursor: default;
    display: block;
    font-family: Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.igdm_ProwessMenuItemHorizontalRootSelected
{
 color: #333333;
    background-image: none;
}

.igdm_ProwessMenuItemHorizontalRootActive
{
 color: #333333;
    background-image: none;
}
  
.igdm_ProwessMenuItemHorizontalRootHover
{
    background-color: #BD1515;
    border: 1px solid #BD1515;
}

.igdm_ProwessMenuItemHorizontalRootDisabled
{
    float: left;
}

.igdm_ProwessMenuGroupHorizontal
{
    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    color: Black;
    cursor: default;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
}

.igdm_ProwessMenuItemHorizontal
{
    background-attachment: scroll;
    background-repeat: repeat;
    border: 1px solid Transparent;
    color: #000333;
    margin: 0;
    padding: 5px 30px 5px 5px;
}

.igdm_ProwessMenuItemHorizontalLink
{
    color: #000333;
    cursor: default;
    display: block;
    font-family: Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.igdm_ProwessMenuItemHorizontalParent
{
    font-weight: normal;
    margin: 0;
}

.igdm_ProwessMenuItemHorizontalParentLink
{
    color: #000333;
    cursor: default;
    display: block;
    font-family: Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.igdm_ProwessMenuItemHorizontalSelected
{
    background-color: #7D0000;
    border: 1px solid #333333;
    color: White;
    font-weight: normal;
    margin: 0;
}

.igdm_ProwessMenuItemHorizontalActive
{
    background-color: #7D0000;
    border: 1px solid #333333;
    color: White;
    font-weight: normal;
    margin: 0;
}

.igdm_ProwessMenuItemHorizontalHover
{
    background-color: #7D0000;
    border: 1px solid Transparent;
    color: White;
    font-weight: normal;
    margin: 0;
}

.igdm_ProwessMenuItemHorizontalDisabled
{
}

.igdm_ProwessMenuItemHorizontalSeparator
{
    background-color: #CCCCCC;
    border-style: none;
    border-width: 0;
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    width: 1px;
}

.igdm_ProwessMenuScrollContainerHorizontal
{
    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    color: Black;
}

.igdm_ProwessMenuScrollerRootLeft
{
}

.igdm_ProwessMenuScrollerRootRight
{
}
   
.igdm_ProwessMenuScrollerLeft
{
    border-left: 1px solid #660000;
    display: block;
    height: 28px;
    width: 10px;
}
   
.igdm_ProwessMenuScrollerRight
{
    border-right: 1px solid #660000;
    display: block;
    height: 28px;
    width: 10px;
}

.igdm_ProwessMenuScrollButton
{
    background-color: #AC0000;
    border: 1px solid #660000;
    margin: 0;
    padding: 0;
    position: absolute;
    text-decoration: none;
}
    
.igdm_ProwessMenuScrollIcon
{
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 10px;
    margin: 0;
    padding: 0;
}

.igdm_ProwessMenuScrollIconTop
{
    background-position: center -1px;
    left: 50%;
    margin-left: -5px;
    position: relative;
    width: 10px;
}

.igdm_ProwessMenuScrollIconBottom
{
    background-position: center -25px;
    left: 50%;
    margin-left: -5px;
    position: relative;
    width: 10px;
}

.igdm_ProwessMenuScrollIconLeft
{
    background-position: -15px -15px;
    margin-top: -6px;
    position: relative;
    top: 50%;
}

.igdm_ProwessMenuScrollIconRight
{
    background-position: -30px -15px;
    margin-top: -6px;
    position: relative;
    top: 50%;
}

.igdm_ProwessMenuScrollContainer
{
    margin: 0;
    padding-left: 0;
    padding-top: 0;
}

.igdm_ProwessMenuScrollContainerRootVertical
{
}

.igdm_ProwessMenuScrollContainerRootHorizontal
{
}

.igdm_ProwessMenuGroupScrollingVertical
{
    background-color: #FEFEFE;
    color: Black;
    cursor: default;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
}

.igdm_ProwessMenuGroupScrollingHorizontal
{
    background-color: #FEFEFE;
    color: Black;
    cursor: default;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
}

.igdm_ProwessMenuItemHorizontalRootActive .igdm_ProwessMenuItemHorizontalRootLink
{


}

.ie6 .igdm_ProwessMenuGroupScrollingVertical .igdm_ProwessMenuItemVerticalParent .igdm_ProwessMenuItemVerticalLink
{
    color: black;
}

.igdm_ProwessMenuItemVerticalDisabled > a
{
    color: #CCCCCC;
}

.igdm_ProwessMenuItemVerticalRootDisabled > a
{
    color: #AAAAAA;
}

.ie6 .igdm_ProwessMenuItemHorizontalRoot
{
    border-width: 0;
}

.igdm_ProwessMenuItemHorizontalActive.igdm_ProwessMenuItemHorizontalParent
{
    background-position: right center;
    background-repeat: repeat-x;
    border: 1px solid #333333;
}

.ie6 .igdm_ProwessMenuItemVerticalSeparator
{
    overflow: hidden;
}

.ie6 .igdm_ProwessMenuItemVerticalRoot.igdm_ProwessMenuItemVerticalParent.igdm_ProwessMenuItemVerticalRootSelected
{
    background-color: #7D0000 !important;
    background-position: left center;
    background-repeat: repeat-x !important;
    border-width: 0;
}

.igdm_ProwessMenuItemVerticalSelected > a
{
    color: White;
}

.igdm_ProwessMenuScrollerRight hover, .igdm_ProwessMenuScrollerRight active
{
    background-position: left -70px;
}

.igdm_ProwessMenuScrollerTop hover, .igdm_ProwessMenuScrollerRight active
{
    background-position: center -42px;
}

.ie6 .igdm_ProwessMenuItemHorizontalRootActive .igdm_ProwessMenuItemHorizontalRootLink
{
    color: White;
}

.ie6 .igdm_ProwessMenuGroupScrollingVertical .igdm_ProwessMenuItemVerticalParent
{
    background-color: Transparent;
    background-position: right center;
    background-repeat: no-repeat;
}

.igdm_ProwessMenuItemHorizontalRootDisabled > a
{
    color: #AAAAAA;
}

.ie6 .igdm_ProwessMenuItemVertical.igdm_ProwessMenuItemVerticalParent
{
    border-width: 0;
}

.ie6 .igdm_ProwessMenuItemHorizontalSeparator
{
    overflow: hidden;
}

.igdm_ProwessMenuItemHorizontalHover.igdm_ProwessMenuItemHorizontalParent
{
    background-position: right top;
    background-repeat: repeat-x;
    border: 1px solid Transparent;
}

.igdm_ProwessMenuItemVerticalRootHover > a
{
    color: White;
}

.ie6 .igdm_ProwessMenuItemVerticalActive
{
    border-width: 0;
}

.igdm_ProwessMenuItemVertical.igdm_ProwessMenuItemVerticalParent
{
    background-position: right center;
    background-repeat: no-repeat;
}

.ie6 .igdm_ProwessMenuItemVerticalRootHover .igdm_ProwessMenuItemVerticalRootLink
{
    color: White;
}

.igdm_ProwessMenuItemVerticalActive.igdm_ProwessMenuItemVerticalParent
{
    background-color: #7D0000;
    background-position: right center;
    background-repeat: repeat-x;
    border: 1px solid #333333;
}

.igdm_ProwessMenuItemHorizontal.igdm_ProwessMenuItemHorizontalParent
{
    background-position: right center;
    background-repeat: no-repeat;
}

.ie6 .igdm_ProwessMenuItemVertical
{
    border-width: 0;
}

.igdm_ProwessMenuItemVerticalActive > a
{
    color: White;
}

.igdm_ProwessMenuScrollerLeft hover, .igdm_ProwessMenuScrollerRight active
{
    background-position: left -70px;
}

.igdm_ProwessMenuItemHorizontalRootSelected .igdm_ProwessMenuItemHorizontalRootLink
{
}

.igdm_ProwessMenuItemHorizontalHover > a
{
    color: White;
}

.igdm_ProwessMenuItemVerticalRootHover .igdm_ProwessMenuItemVerticalRootLink
{
}

.ie6 .igdm_ProwessMenuItemVerticalHover
{
    border-width: 0;
}

.ie6 .igdm_ProwessMenuItemVerticalRootSelected
{
    border-width: 0;
}

.ie6 .igdm_ProwessMenuItemHorizontal
{
    border-width: 0;
}

.igdm_ProwessMenuItemHorizontalActive > a
{
    color: White;
}

.ie6 .igdm_ProwessMenuItemHorizontalRootHover .igdm_ProwessMenuItemHorizontalRootLink
{
    color: White;
}

ul.igdm_ProwessMenuGroupVerticalRoot li.igdm_ProwessMenuItemVerticalParent.igdm_ProwessMenuItemVerticalRoot
{
}

.ie6 .igdm_ProwessMenuItemVerticalRoot
{
    border-width: 0;
}

	.ie6 .igdm_ProwessMenuItemVerticalRoot.igdm_ProwessMenuItemVerticalRootActive .igdm_Prowessmenuitemverticalrootlink, .ie6 .igdm_ProwessMenuItemVerticalRoot.igdm_ProwessMenuItemVerticalRootSelected .igdm_ProwessMenuItemVerticalRootLink
	{
    color: White;
}

.igdm_ProwessMenuItemHorizontalRootHover > a
{
    color: White;
}

.ie6 .igdm_ProwessMenuItemVerticalActive .igdm_ProwessMenuItemVerticalLink
{
    color: White;
}

.igdm_ProwessMenuItemVerticalHover > a
{
    color: White;
}

.ie6 .igdm_ProwessMenuItemHorizontalRootSelected
{
    border-width: 0;
}

.igdm_ProwessMenuItemHorizontalSelected.igdm_ProwessMenuItemHorizontalParent
{
    background-position: right center;
    background-repeat: repeat-x;
    border: 1px solid #333333;
}

.igdm_ProwessMenuItemHorizontalDisabled > a
{
    color: #CCCCCC;
}

.ie6 .igdm_ProwessMenuItemVerticalRoot.igdm_ProwessMenuItemVerticalParent.igdm_ProwessMenuItemVerticalRootHover
{
    background-color: #BD1515 !important;
    background-position: left center;
    background-repeat: repeat-x !important;
    border-width: 0;
}

.ie6 .igdm_ProwessMenuItemVerticalHover.igdm_ProwessMenuItemVerticalParent
{
    border-width: 0;
}

.ie6 .igdm_ProwessMenuItemVerticalHover .igdm_ProwessMenuItemVerticalLink
{
    color: White;
}

.igdm_ProwessMenuItemVerticalHover.igdm_ProwessMenuItemVerticalParent
{
    background-color: #7D0000;
    background-position: right center;
    background-repeat: repeat-x;
    border: 1px solid Transparent;
}

.igdm_ProwessMenuItemHorizontalRootHover .igdm_ProwessMenuItemHorizontalRootLink
{
}

.igdm_ProwessMenuItemVerticalRoot.igdm_ProwessMenuItemVerticalRootActive .igdm_Prowessmenuitemverticalrootlink, .igdm_ProwessMenuItemVerticalRoot.igdm_ProwessMenuItemVerticalRootSelected .igdm_ProwessMenuItemVerticalRootLink
{
}

.igdm_ProwessMenuItemVerticalSelected.igdm_ProwessMenuItemVerticalParent
{
    background-color: #7D0000;
    background-image: url("images/igdm_itemhoverparent.png");
    background-position: right center;
    background-repeat: repeat-x;
    border: 1px solid #333333;
}

.igdm_ProwessMenuItemVerticalRootSelected > a
{
    color: White;
}

.igdm_ProwessMenuItemVerticalRootActive > a
{
    color: White;
}

.ie6 .igdm_ProwessMenuItemVerticalRootHover
{
    border-width: 0;
}

.igdm_ProwessMenuItemHorizontalSelected > a
{
    color: White;
}

.igdm_ProwessMenuScrollerBottom hover, .igdm_ProwessMenuScrollerRight active
{
    background-position: center -42px;
}

.ie6 .igdm_ProwessMenuItemHorizontalHover
{
    border-width: 0;
}

.ExternalEventPanel
{
	height: 250px;
	background-color: #F1F1F1;
	border: solid 1px;
	vertical-align: top;
	padding: 10px;
}

.ExternalEventDescription
{
	padding-bottom: 50px;
	padding-top: 25px;
	font-size: 12pt;
}

.HostPortalExternalLink
{
	padding-top: 25px;
	font-weight: bold !important;
	font-size: medium;
}

.ExternalEventLink
{
	padding: 10px;
	border: solid 1px;
	font-size: 10pt;
	font-weight: bold;
	background-color: ButtonFace;
}


/* Autoship - Start: Generic Popups */
.AutoshipDetailsDetailsDataOuter
{
    padding: 8px;
	text-align: left;
}

.AutoshipDetailsLabelsOuter
{
    padding: 8px;
	text-align: right;
}

.AutoshipOrdersMainGrid, .AutoshipOrderDetails
{
	border: 1px solid;
	border-radius: 5px;
	border-color: slategray;
	padding: 10px;
	margin: 6px;
}

	.AutoshipOrderDetails .Grid .text
	{
    display: none;
}

	.AutoshipOrderDetails .Grid
	{
		border-style: hidden;
}

		.AutoshipOrderDetails .Grid td
		{
			border-style: hidden;
}

	.AutoshipOrderDetails .GridItem
	{
		background-color: #EEEEEE;
}

.PopupMessageContainerTitle
{
	text-align: left;
}

.PopupMessageContainer
{
	border: 1px solid;
	border-radius: 5px;
	border-color: slategray;
	padding: 10px;
	margin: 6px;
}

.PopupMessageContainerArea
{
	border: 2px solid;
    border-radius: 5px;
	border-color: #eee;
    background-color: #eee;
    padding: 10px;
}

.PopupMessageContainerAreaStatusAll
{
	height: 150px;
}

.PopupMessageButtonArea
{
	padding-top: 8px;
}
/* specific popup css */
.PopupMessageContainerAreaAutoshipOrderDetailRemove,
.PopupMessageContainerAreaAutoshipOrderDetailChange
{
	width: 350px;
}

.PopupMessageContainerDisabled
{
	background-color: lightpink;
}

.AutoshipOrderDetailGridOutOfStockItem
{
	background-color: lightpink;
}

.AutoshipOrderDetailGridDeletedItem
{
	font-style: italic;
	text-decoration: line-through;
}

.AutoshipOrderDetailsImageGridControl
{
	cursor: pointer;
}

.AutoshipOrderImage
{
	width: 25px;
}

.AutoshipOrderGridDates,
.AutoshipOrderGridQuantity,
.AutoshipOrderGridFrequency,
.AutoshipOrderGridPrice,
.AutoshipOrderGridCV,
.AutoshipOrderGridSubtotal,
.AutoshipOrderGridActions
{
	width: 10%;
	text-align: right;
	white-space: nowrap;
}

.AutoshipOrderGridSku
{
	width: 20%;
}

.AutoshipOrderGridName
{
	width: 30%;
}

.AutoshipOrderGridDescription
{
	width: 50%;
}

.AddressCustomerHeader
{
	font-weight: bold;
}

.FloatLeftDiv
{
	float: left;
}

.FloatRightDiv
{
	float: right;
}

.ClearFloatDiv
{
    clear: both;
}
/* Autoship - End */


/* Custom Event Tabs - Start */
.AdoptionEventCol1, .AdoptionEventCol2 {
    width:450px;   
}

/* Custom Event Tabs - End */

/* Discount Plan Category Start*/
.DiscountCategoryGroupDetailLabels {
    display: inline-block;
    vertical-align: top;
    width: 400px;
}
.DiscountCategoryGroupDetailsDiv {
    padding: 0px 10px 0px 10px;
}


/* Discount Plan Category End*/


.International
{
    background-color: #EFEAE4;
}

.International .PWSMasterDiv
{
    clear: both;
    margin: 0 auto;
    max-width: 960px;
    width: 960px;
}

.CultureSelection
{
}

.CultureSelection .Countries
{
    background-color: Green;
    /*background-image: url('/images/ProgressBarBackground.png');*/
    height: 20px;
}

/*---------------------------*/
/* ECOACH REPORT CSS start   */
/*---------------------------*/

.ECOACH .DataGridStyleECOACH
{
	table-layout: fixed; 
	position: relative; 
	left: 0px; 
	top: 0px; 		
}

.ECOACH .DataGridStyleECOACH .DataGridFixedHeader
{
	width: 125px;
	padding-right: 5px;
}

.ECOACH .DataGridStyleECOACH .DataGridVarHeader
{
	width: 125px;
	padding-right: 5px;	
}

.ECOACH .DataGridStyleECOACH .DataGridFixedColumns
{
	width: 125px;
	padding-right: 5px;
}

.ECOACH .DataGridStyleECOACH .DataGridVarColumns
{
	width: 125px;
	padding-right: 5px;
}

/*---------------------------*/
/* ECOACH REPORT CSS end     */
/*---------------------------*/


 .REPORTLOADING
    {
	height: 100%;
	width: 100%;
    }

    .AdHocReport
    {

    }

.spinner
{
	margin: 50px;
      width: 50px;
      height: 30px;
      text-align: center;
      font-size: 10px;
    }

	.spinner > div
	{
      background-color: #ccc;
      height: 100%;
      width: 6px;
      display: inline-block;
      -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
      animation: stretchdelay 1.2s infinite ease-in-out;
    }

	.spinner .rect2
	{
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }

	.spinner .rect3
	{
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }

	.spinner .rect4
	{
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }

	.spinner .rect5
	{
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }

@-webkit-keyframes stretchdelay
{
	0%, 40%, 100%
	{
		-webkit-transform: scaleY(0.4);
	}

	20%
	{
		-webkit-transform: scaleY(1.0);
	}
    }

@keyframes stretchdelay
{
	0%, 40%, 100%
	{
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20%
	{
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

.AccountLogin
{
	width: 250px;
	margin: auto;
}

	.AccountLogin .AccountLoginTitle
	{
	   color: #6C6763;
    padding-right: 2px;
		padding-bottom: 10px;
	   display: inline-block;
    text-transform: uppercase;
	   font-size: 15px;
    font-weight: bold;
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.8);
		font-family: 'Lato',Calibri,Arial,sans-ser;
}

.AccountLogin .UserName input, .AccountLogin .Password input
{
    display: block;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 5px;
    width: 250px;
}


	

	.AccountLogin .LoginLink
	{
	  background: linear-gradient(to bottom, #4D823B 0%, #3C752A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #2E611E;
    color: #FFFFFF;
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D5D5D5 #C5C5C5 #C5C5C5 #D5D5D5;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 0 4px;
    padding: 6px 16px;
    transition: all 0.1s linear 0s;
		float: right;
	}

	.AccountLogin .ForgotPasswordLink
	{
		float: right;
		text-align: right;
}

.AccountLogin #CookieCheck
{
		display: block;
		clear: both;
		padding-top: 20px;
}



.ChangePassword
{
	height: 300px;
	width: 450px;
	text-align: left;
}

.ChangePassword .NewEmail, .ChangePassword .ConfirmEmail
{
		float: right;
		text-align: right;
		margin-right: 100px;
	}

	.ChangePassword .ConfirmNewEmail, .ChangePassword .NewEmailLabel
	{
	}


	.ChangePassword input
	{
		width: 200px;
	}

	.ChangePassword a
	{
		float: right;
		clear: both;
		display: block;
	}


.NewEventWizard .HostInformation
{
	padding-top: 15px;
	margin: 15px 0;
	clear: left;
}

.NewEventWizard .EventTypeInformation
{
	display: block;
}

.NewEventWizard .EventOrderCountry
{
	display: block;
    clear: both;
}

.NewEventWizard .SelectHost, .NewEventWizard .SelectEventLocation
{
	width: 400px;
	float: left;
	clear: left;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.2);
}

.NewEventWizard .SearchHost, .NewEventWizard .AddHost, .NewEventWizard .EventLocation
{
	width: 400px;
	float: right;
	clear: right;
}


.NewEventWizard .SelectHost ul, .NewEventWizard .SelectEventLocation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.NewEventWizard .SelectHost ul li, .NewEventWizard .SelectEventLocation ul li
	{
		margin: 0;
		padding: 0;
		clear: both;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
	}

		.NewEventWizard .SelectHost ul li input, .NewEventWizard .SelectEventLocation ul li input
		{
			float: left;
			padding: 20px 20px 5px 20px;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
			font-weight: 800;
			font-size: 30px;
			color: #888;
			background: #fff;
			width: 50px;
			margin-top: 20px;
		}


		.NewEventWizard .SelectHost ul li label, .NewEventWizard .SelectEventLocation ul li label
		{
			padding: 17px 0px 16px 10px;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
			margin: 0;
			color: #666;
			font-size: 16px;
			text-shadow: 1px 1px 0 #fff;
			box-shadow: inset 0 0 1px 1px #fff;
			display: block;
			width: 100%;
		}

		.NewEventWizard .SelectHost ul li:hover label, .NewEventWizard .SelectEventLocation ul li:hover label
		{
			background: rgba(0,0,0,0.02);
		}

		.NewEventWizard .SelectHost ul li:hover span, .NewEventWizard .SelectEventLocation ul li:hover span
		{
			color: rgba(0,0,0,0.3);
		}


.EventTypeInformation ul.EventTypes
{
	list-style-type: none;
}

	.EventTypeInformation ul.EventTypes li input
	{
		margin: 0;
		width: 100%;
		margin-top: 15px;
		text-align: center;
}

	.EventTypeInformation ul.EventTypes li label
{
		padding: 17px 10px 16px 10px;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin: 0;
		color: #666;
		font-size: 16px;
		text-shadow: 1px 1px 0 #fff;
		box-shadow: inset 0 0 1px 1px #fff;
		display: block;
		width: 100%;
		text-align: center;
	}

	.EventTypeInformation ul.EventTypes li
	{
		float: left;
		width: 125px;
		height: 100px;
		border: 1px solid rgba(0,0,0,0.2);
		margin: 0;
		margin-right: 10px;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}

		.EventTypeInformation ul.EventTypes li label:hover
		{
			-webkit-box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
			box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
		}

        .EventTypeInformation ul.EventTypes
{
	list-style-type: none;
}

        .EventOrderCountry ul.EventTypes
{
	list-style-type: none;
}

	.EventOrderCountry ul.EventTypes li input
	{
		margin: 0;
		width: 100%;
		margin-top: 15px;
		text-align: center;
}

	.EventOrderCountry ul.EventTypes li label
{
		padding: 17px 10px 16px 10px;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin: 0;
		color: #666;
		font-size: 16px;
		text-shadow: 1px 1px 0 #fff;
		box-shadow: inset 0 0 1px 1px #fff;
		display: block;
		width: 100%;
		text-align: center;
	}

	.EventOrderCountry ul.EventTypes li
	{
		float: left;
		width: 125px;
		height: 100px;
		border: 1px solid rgba(0,0,0,0.2);
		margin: 0;
		margin-right: 10px;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}

		.EventOrderCountry ul.EventTypes li label:hover
		{
			-webkit-box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
			box-shadow: 0px 0px 7px rgba(255,255,255,0.9);
		}

.NewEventFinishStep
{
	float:left;
	display:block;
	margin:10px;
	width:200px;
	padding:10px;
}


.NewEventFinishStep .NewEventIcon
{
	width:50px;
	height:50px;
	background-size:50px 50px;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-bottom:20px;
}
.NewEventFinishStep h2
{
	text-align:center;
}
.NewEventFinishStep p
{
	height:100px;
}

.NewEventFinishStep .NewEventPlaceOrdersIcon
{

	background-image:url('../images/icons/grocery11.png');
}

.NewEventFinishStep .NewEventAttendeesIcon
{

	background-image:url('../images/icons/add70.png');
}

.NewEventFinishStep .NewEventHostPortalIcon
{

	background-image:url('../images/icons/crowd.png');
}

.NewEventFinishStep .ExitNewEventIcon
{

	background-image:url('../images/icons/enter3.png');
}

.GuestContactPanel
{
	border: 1px solid #E3E3E3;
	 height: 150px;
    padding: 10px;
}
.EventDetails .Actions 
{
	width:500px;
	
}
.EventDetails .Actions ul
{
	margin-top:10px;
	padding:0;
	list-style-type:none;

}

.EventDetails .Actions ul li{
	float:left;
	padding-right:10px;
}
.EventDetails .Actions ul li a{

}
.EventDetails .EventChangeHost
{
	float:right;
	clear:right;
	
}


.GuestContactPanel .EventGuestContactInfo
{

}
.GuestContactPanel .EventGuestAddressInfo
{
}
.GuestContactPanel .EventGuestLeadInfo
{

}
.GuestContactPanel ul{list-style-type:none; margin:0; padding-left:20px }
.GuestContactPanel ul li {float:left;
						  margin-right:30px;
}

.GuestContactPanel h4{
	font-size:12px;
}

.EmailToHostControl .ButtonRow
{
	padding:15px;
	float:right;
}

.EmailToHostControl .EmailPreviewHeader
{
	
	padding:15px;

}

.EmailToHostControl .EmailPreview
{
	background-color:#bbb;
	padding:15px;

}
	
	.EmailToHostControl .EmailPreview .EmailBodyControl
	{
		background-color:#fff;
		border:1px solid #aaa;
		padding:15px;

	}

.termsDisplay
{
	width: 700px;	
	margin: 15px;
    border-spacing: 10px;
    background-color:#fff;
    border:1px solid #aaa;
	padding:15px;
}

.termscontroltable .termsOkButton
{
	height: 25px;
}



.termscontroltable
{
	border: 2px solid;
}

.termscontroltitle 
{
    text-align:center;
    font-size:24px;
    font-weight: bold;

}

.Terms
{
		margin-left: 20px;
		margin-top: 5px;
        font-family: 'Terminal Dosis',Arial,sans-serif;
		font-size: 14px;
        color: #333333;
       text-decoration: none;
       display: block;
}


/****************************************************************************/
/*** CONTACT ME
*****************************************************************************/
/*--- Contact Me - Container -----------------------------------------------*/
/* Container */
.ContactMe{
	margin: 0px;
	padding: 0px;
	/* Set default typeface */
	font-size: 1.0em !important;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	line-height: 2em;}

.ContactMe .Button {
    display: inline;
	margin: 5px;}

/*--- Default Buttons ------------------------------------------------------*/
.ContactMe .Button{
	outline: none; /* Remove default */
	border: 1px solid #E2E2E2;
	color: #000000 !important; 
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	/* Gradient */
	background-color: #E2E2E2;
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E2E2E2 40%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E2E2E2 40%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E2E2E2 40%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E2E2E2 40%); 
	background-image: linear-gradient(top, #FFFFFF 0%, #E2E2E2 40%);
	/* Border radius */
	-webkit-border-radius:	5px; 
	-moz-border-radius:		5px; 
	-o-border-radius:		5px; 
	-ms-border-radius:		5px; 
	border-radius:			5px;
	/* Box Shadow */
	-webkit-box-shadow: 1px 1px 1px rgba(180, 217, 255, 0.2) inset;
	-moz-box-shadow: 	1px 1px 1px rgba(180, 217, 255, 0.2) inset;
	-o-box-shadow: 		1px 1px 1px rgba(180, 217, 255, 0.2) inset;
	-ms-box-shadow: 	1px 1px 1px rgba(180, 217, 255, 0.2) inset;
	box-shadow: 		1px 1px 1px rgba(180, 217, 255, 0.2) inset;
	/* transition: all */
	-webkit-transition-property: 		all;
	-moz-transition-property: 			all;
	-o-transition-property: 			all;
	transition-property: 				all; 
	/* duration of animation 0.25s = 250ms */
	-webkit-transition-duration: 		0.25s;
	-moz-transition-duration: 			0.25s;
	-o-transition-duration: 			0.25s;
	transition-duration: 				0.25s;
	/* linear; ease; ease-in; ease-out; ease-in-out */
	-webkit-transition-timing-function: ease-in-out; 
	-moz-transition-timing-function: 	ease-in-out; 
	-o-transition-timing-function: 		ease-in-out; 
	transition-timing-function: 		ease-in-out; 
	/* Delaying a transations start */
	-webkit-transition-delay: 			0s;
	-moz-transition-delay: 				0s;
	-o-transition-delay: 				0s;
	transition-delay: 					0s;}
	
.ContactMe .Button:hover{
	border: 1px solid rgba(81, 203, 238, 1); /* Blue glow */
	color: #000000;
	/* Gradient */
	background-color: #D4D4D4; /* Set for IE9 & below */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D4D4D4 40%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D4D4D4 40%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #D4D4D4 40%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D4D4D4 40%);
	background-image: linear-gradient(top, #FFFFFF 0%, #D4D4D4 40%);
	/* Box Shadow */
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 	0 0 5px rgba(81, 203, 238, 1);
	-o-box-shadow: 		0 0 5px rgba(81, 203, 238, 1);
	-ms-box-shadow: 	0 0 5px rgba(81, 203, 238, 1);
	box-shadow: 		0 0 5px rgba(81, 203, 238, 1);
	/* Border radius */
	-webkit-border-radius:	5px; 
	-moz-border-radius:		5px; 
	-o-border-radius:		5px; 
	-ms-border-radius:		5px; 
	border-radius:			5px;
	z-index: 1;}



/*--- Left Side Area -------------------------------------------------------*/
/* Left Side - Container */
.ContactMe .LeftControls {
    float: left;
	width: 200px;}
	
/* Consultant Image */	
.ContactMe .consImg	{
	width: 180px;
	margin: 0 auto; /* Center */}
	
/* Left Controls Button */
.ContactMe .LeftControls .Button {
    display: block;}
	

/*--- Main Content Area ----------------------------------------------------*/
/* Main Content - Container */
.ContactMe .MainContent {
	margin: 10px;
    margin-left: 230px;}

/* Header*/
.ContactMe .Header {
    display: block;
	font-size: 1.2em;
	font-weight: normal;}
	
/* Consultants Name */	
.ContactMe .headerH1{
	font-size: 1.7em;}
	
/* Comp level */	
.ContactMe .headerH2{
	font-size: 1.5em;
	font-weight: bold;}	

/* Consultant Type */	
.ContactMe .headerH3{
	font-size: 1.0em;}	


/*--- Consultant info Area -------------------------------------------------*/
/* Container */
.ContactMe .ConsContactInfo {
    display: block;
    margin: 10px;
	width: 100%;}	
	
/* Table */
.ContactMe .ConsContactDetails{}
	
/* Sub Heading */
.ContactMe .SubHead{
	font-size: 1.0em !important;
	font-weight: bold;}

/* Item Field */
.ContactMe .itemField{
	font-weight: normal;}	
	
	
/*--- Get In Touch Area ----------------------------------------------------*/
/* Container */	
.ContactMe .getInTouch{}	
	
/* Form Container */	
.ContactMe .getInTouchForm{}

/* Form Header */	
.ContactMe h2{
	margin-top: 20px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.5em;}

/* Form Container */
.ContactMe .Subject{
	padding: 10px;}

/* Form Sub Header */
.ContactMe .Subject .SubHead{
	display: inline-block;
	width: 210px;}
	
/* Form Subject List */
.ContactMe .Subject ul{
	display: inline-block;
    list-style-position: outside;
	list-style-type: none;
    margin: 0px;
    padding: 0px;}	
	


/*--- FORM ELEMENTS --------------------------------------------------------*/
/* Checkbox Label */
.ContactMe .Subject label {
    padding-left: 7px;}

/*--- INPUT FIELDS ---------------------------------------------------------*/
.ContactMe input,
.ContactMe textarea,
.ContactMe select{
	outline: none;
	border: 1px solid #AAAAAA;
	color: #000000 !important; 
	cursor: pointer;
	padding: 5px; 
	background-color: #FFFFFF;
	/* Border radius */
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	-o-border-radius: 		5px;
	-ms-border-radius: 		5px;
	border-radius: 			5px;
	/* Box Shadow */
	-webkit-box-shadow: 0px 0px 3px rgba(204,204,204, 1), 0px 10px 15px rgba(238, 238, 238, 1) inset;
	-moz-box-shadow: 	0px 0px 3px rgba(204,204,204, 1), 0px 10px 15px rgba(238, 238, 238, 1) inset;
	-o-box-shadow: 		0px 0px 3px rgba(204,204,204, 1), 0px 10px 15px rgba(238, 238, 238, 1) inset;
	-ms-box-shadow: 	0px 0px 3px rgba(204,204,204, 1), 0px 10px 15px rgba(238, 238, 238, 1) inset;
	box-shadow: 		0px 0px 3px rgba(204,204,204, 1), 0px 10px 15px rgba(238, 238, 238, 1) inset;
	/* transition: all */
	-webkit-transition-property: 		all;
	-moz-transition-property: 			all;
	-o-transition-property: 			all;
	transition-property: 				all; 
	/* duration of animation 0.25s = 250ms */
	-webkit-transition-duration: 		0.25s;
	-moz-transition-duration: 			0.25s;
	-o-transition-duration: 			0.25s;
	transition-duration: 				0.25s;
	/* linear; ease; ease-in; ease-out; ease-in-out */
	-webkit-transition-timing-function: ease-in-out; 
	-moz-transition-timing-function: 	ease-in-out; 
	-o-transition-timing-function: 		ease-in-out; 
	transition-timing-function: 		ease-in-out; 
	/* Delaying a transations start */
	-webkit-transition-delay: 			0s;
	-moz-transition-delay: 				0s;
	-o-transition-delay: 				0s;
	transition-delay: 					0s;}

/*--- HOVER INPUT FIELDS ---------------------------------------------------*/	
.ContactMe input:hover,
.ContactMe textarea:hover,
.ContactMe select:hover {
	border: 1px solid rgba(81, 203, 238, 1);
	/* Border radius */
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	-o-border-radius: 		5px;
	-ms-border-radius: 		5px;
	border-radius: 			5px;
	/* Box Shadow */
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 	0 0 5px rgba(81, 203, 238, 1);
	-o-box-shadow: 		0 0 5px rgba(81, 203, 238, 1);
	-ms-box-shadow: 	0 0 5px rgba(81, 203, 238, 1);
	box-shadow: 		0 0 5px rgba(81, 203, 238, 1);
	z-index: 1;}

/*--- FOCUS INPUT FIELDS ---------------------------------------------------*/	
.ContactMe input:focus,
.ContactMe textarea:focus,
.ContactMe select:focus{
	outline: none;
	border: 1px solid rgba(81, 203, 238, 1);
	background-color: #F4F3F3; 
	/* Border radius */
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	-o-border-radius: 		5px;
	-ms-border-radius: 		5px;
	border-radius: 			5px;
	/* Box Shadow */
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 	0 0 5px rgba(81, 203, 238, 1);
	-o-box-shadow: 		0 0 5px rgba(81, 203, 238, 1);
	-ms-box-shadow: 	0 0 5px rgba(81, 203, 238, 1);
	box-shadow: 		0 0 5px rgba(81, 203, 238, 1);
	z-index: 1;}




/* Form Sub Containers */
.ContactMe .Subject, 
.ContactMe .Message,
.ContactMe .Name,
.ContactMe .ContactInfo {
	font-size: 1.0em !important;
	padding: 10px;
	display: block;
	width: 100%;}
	
.ContactMe .Subject span,
.ContactMe .Message span,
.ContactMe .Name span,
.ContactMe .ContactInfo span {
    display: inline-block;
	width: 210px;}

.ContactMe .Name br{
	margin-bottom: 10px;}


.ContactMe .ContactInfo .rblstContactMethod{
    display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 65%;}
	
.ContactMe .ContactInfo .rblstContactMethod td{
	padding: 0px;
	margin: 0px;
	line-height: 0.9em;
	vertical-align: bottom !important;}
	
.ContactMe .ContactInfo .rblstContactMethod input{
	margin-right: 10px;}
	
.ContactMe .ContactInfo .rblstContactMethod label{
	margin-right: 10px;}