/*
 * Main page CSS properties
 *
 * Rick Burton 8/1/2010
 * Data Pathways
 * http://www.datapathways.com
 */

/*
 * Color Palette
 * 
 * Black     #000
 * Dk Gray   #676767
 * Lt Gray   #EEE
 * White     #FFF
 *
 * Dk Blue   #0E5278
 * Med Blue  #369
 * Lt Blue   #1696E0
 * Glow Blue #1496FF
 *
 * Red       #F00
 */


/*
 * Login section
 * --------------------------------------------------------------------------------------
 */
#divHeaderLogin 
{
	bottom:                0px;
	right:                 0px;
	position:              absolute;
	height:                80px;
	width:                 500px;
	padding-right:         10px;
	color:                 #FFF;
	background:            transparent;
	font-size:             12px;
	font-weight:           bolder;
	/* Prevents overlap issues with menu icon */
	z-index: 0;
}

#divHeaderLoginIntro, #divHeaderLoginLogin, 
#divHeaderLoginWelcome, #divHeaderLoginPassword,
#divHeaderLogoutForm
{
	/*
	divs for dynamic content: 
	bottom 0px, no height to bottom-align text
	*/
	position:              absolute;
	bottom:                5px;
	text-align:            right;
	margin-right:          10px;
	width:                 500px;
	margin-left:           0px;
	/* Prevents overlap issues with menu icon */
	z-index: 1;
}

/* Added by Rick B - 2018/06/20 for new Menu Hamburger Icon */
#divMenuIcon
{
  /* Required for z-index */
  position: relative;
	/* Prevents overlap issues */
  z-index: 2;
}

.txt
{
	width:                 100px;
	height:                18px;
}


/*
 * Promotional/Form section
 * --------------------------------------------------------------------------------------
 */
#divBodyPromo
{
	width:                 869px;
	margin:                8px 0px 0px 8px;
	padding:               5px;
	border:                1px solid #FFF;
	height:                220px;
	background:            url("../images/DP-Promo-Background_NEW.jpg") center left no-repeat;
	color:                 #000;
	font-size:             20px;
}

/* MAY BE DISCONTINUED */
/*
#divBodyPromoText
{
	position:              absolute;
	left:                  20px;
	top:                   10px;
	padding:               6px;
	font-size:             18px;
	border:                none;
	color:                 #555;
	background:            transparent;
}
*/

#divBodyPersonFinder
{
	margin-left:           20px;
	margin-top:            20px;
	font-size:             14px;
	font-weight:           bold;
	color:                 #000;
	background:            white;	
	width:                 390px;
	border:                2px solid red;
	padding:               2px;
	text-align:            center;
}

#divBodyPersonFinder a { color: blue; background: transparent; }
#divBodyPersonFinder a:hover { color: blue; background: transparent; }


#divBodyPromoText h1
{
	background:            transparent;
	color:                 #000;
	font:                  bolder 16px arial, sans-serif;
	padding:               0px;
	margin:                0px;
}
/* MAY BE DISCONTINUED */


/*
 * Article section
 * --------------------------------------------------------------------------------------
 */
#divBodyArticleContainer
{
	position:              relative;
	width:                 900px;
	clear:                 both;
	margin:                0px 0px 8px 0px;
	height:                200px;
}

#divBodyArticleWrapper1
{
	width:                 592px;
	float:                 left;
	clear:                 left;
	margin:                8px 0px 0px 0px;
	/*margin:                0px;*/
	height:                200px;
}

#divBodyArticleWrapper2
{
	width:                 298px;
	float:                 right;
	clear:                 right;
	margin:                8px 0px 0px 0px;
	/*margin:                0px;*/
	height:                200px;
}

#divBodyArticle1, #divBodyArticle2, #divBodyArticle3
{
	padding-top:           4px;
	padding-left:          4px;
	background:            #369 url('../images/div-article-background.jpg') center center no-repeat; 
	color:                 #FFF;
	border:                1px solid #FFF;
	font-size:             14px;
	height:                200px;
}

#divBodyArticleContainer h1
{
	background:            transparent;
	color:                 #FFF;
	font:                  bolder 16px arial, sans-serif;
	padding:               0px;
	margin:                0px;
	/*height:                200px;*/
}

#divBodyArticle1
{
	float:                 left;
	clear:                 left;
	width:                 281px;
	margin-left:           8px;
	margin-right:          0px;
}

#divBodyArticle2
{
	float:                 right;
	clear:                 right;
	width:                 281px;
	margin-left:           0px;
	margin-right:          0px;
}

#divBodyArticle3
{
	float:                 left;
	clear:                 left;
	width:                 281px;
	margin-left:           0px;
	margin-right:          0px;
}


/*
 * Social Network section
 * --------------------------------------------------------------------------------------
 */
#divBodySocNetContainer a:hover
{
	text-decoration:       none;
}

#divBodySocNetContainer
{
	position:              relative;
	width:                 900px;
	clear:                 both;
	margin:                0px 0px 8px 0px;
}

#divBodySocNetWrapper1
{
	width:                 444px;
	float:                 left;
	clear:                 left;
	margin:                8px 0px 8px 0px;
	height:                42px;
	
}

#divBodySocNetWrapper2
{
	width:                 444px;
	float:                 right;
	clear:                 right;
	margin:                8px 0px 8px 0px;
	height:                42px;
}

#divBodySocNet1, #divBodySocNet2, #divBodySocNet3, #divBodySocNet4
{
	padding-top:           2px;
	padding-left:          4px;
	background:            transparent;
	color:                 #FFF;
	font-size:             10px;
	width:                 60px;
	height:                40px;
	text-align:            center;
}

#divBodySocNet1
{
	float:                 left;
	clear:                 left;
	margin-left:           309px;
	margin-right:          0px;
}

#divBodySocNet2
{
	float:                 right;
	clear:                 right;
	margin-left:           0px;
	margin-right:          0px;
	margin-top:            0px;
	margin-bottom:         0px;
}

#divBodySocNet3
{
	float:                 left;
	clear:                 left;
	margin-left:           0px;
	margin-right:          0px;
}

#divBodySocNet4
{
	float:                 right;
	clear:                 right;
	margin-left:           0px;
	margin-right:          308px;
}


#divBodyEndCancel
{
	clear:                 both;
	height:                0px;
}