/*
 * Site-wide 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
 * Dk Blue 2 #
 * Med Blue  #369
 * Lt Blue   #1696E0
 * Glow Blue #1496FF
 * Hot Blue  #22AAFF
 *
 * Red       #F00
 */


/*
 * Document-wide section
 * --------------------------------------------------------------------------------------
 */
body
{
	margin:                0px;
	padding:               0px;
	height:                100%;
	color:                 #369;
	background:            #003 url("../images/astro_body-background.jpg") top center repeat-y;
	font-family:           Arial, Helvetica, sans-serif;
}

a, .aSpan
{
	background:            transparent;
	color:                 #1696E0;
	text-decoration:       none;
}

a:hover, .aSpan:hover
{
	background:            transparent;
	color:                 #FFF;
	text-decoration:       none;
	cursor:                pointer;
}


/*
 * Page container section
 * --------------------------------------------------------------------------------------
 */
#divContainer 
{
	/* 
	center site content 
	*/
	width:                 900px;
	height:                100%;
	margin-left:           auto;
	margin-right:          auto;
	color:                 #FFF;
	background:            #000;
}


/*
 * Page header section
 * --------------------------------------------------------------------------------------
 */
#hrTop
{
	border:                1px solid #000;
	width:                 0px;
	height:                0px;
}

#divHeader
{
	position:              relative;
	height:                100px;
	background:            #000 url("../images/dp-2009-header-test.jpg") no-repeat;
	color:                 #FFF;
	border:                none;
}

#divHeaderText
{
	position:              absolute;
	bottom:                10px;
	left:                  120px;
	font-size:             20px;
	font-weight:           bolder;
	background:            transparent;
	color:                 #FFF;
}

#divHeaderLinks 
{
	bottom:                0px;
	right:                 0px;
	position:              absolute;
	height:                80px;
	width:                 450px;
	padding-right:         10px;
	color:                 #FFF;
	background:            transparent;
	font-size:             14px;
	font-weight:           bolder;
}

#divHeaderLinksMisc
{
	/*
	divs for dynamic content: 
	bottom 0px, no height to bottom-align text
	*/
	position:              absolute;
	bottom:                5px;
	width:                 450px;
	text-align:            right;
	margin-right:          10px;
	margin-left:           0px;
}


/*
 * Drop Menu section
 * --------------------------------------------------------------------------------------
 */
#divMenu
{
	/* 
	Section appearance 
	*/
	position:              relative;
	height:                26px;
	line-height:           26px;
	background:            #014;
	color:                 #22AAFF;
	border:                1px solid #FFFFFF;
	margin:                0px 10px 0px 8px;
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             14px;
	font-weight:           bolder;
	z-index:               1;
}

/* 
 * Menu system layout 
 * ------------------------------------
 */
#divMenu ul 
{
  	padding:               0;
  	margin:                0;
  	list-style:            none;
	color:                 #22AAFF;
	background:            #014;
}

#divMenu li.menu 
{
	top:                   auto;
	left:                  auto;
	width:                 175px;
}

#divMenu li a 
{
	text-align:            left;
	padding-left:          2px;
	display:               block;
	background:            transparent;
	color:                 #22AAFF;
}

#divMenu li 
{
  	position:              relative;
  	float:                 left;
 	height:                26px;
	color:                 #22AAFF;
	background:            #014;
	width:                 175px;
}

#divMenu li ul 
{
  	position:              absolute; 
  	display:               none;
  	top:                   26px;
  	left:                  0;
}

#divMenu li ul li 
{
	width:                 100%;
}

#divMenu li:hover ul, li.over ul 
{ 
	/* 
	Reveal the drop menus on mouse hover 
	*/
	display:               block; 
	width:                 100%;
}

#divMenu li a:hover, li.over
{
	/* 
	Appearance on mouse over 
	*/
	color:                 #FFF;
	background:            #22AAFF;
	text-decoration:       underline;
	cursor:                pointer;
	text-decoration:       none;	
}

#divMenu li .aSpan:hover, li.over
{
	/* 
	Appearance on mouse over 
	*/
	color:                 #FFF;
	background:            #22AAFF;
	text-decoration:       underline;
	cursor:                pointer;
	text-decoration:       none;	
}


/*
 * Page body section
 * --------------------------------------------------------------------------------------
 */
#divBody
{
	position:              relative;
	background:            transparent;
	color:                 #9CF;
	border:                none;
}

FONT.titletxt
{
	background:            transparent;
	color:                 #FFF;
	font:                  bolder 16px arial, sans-serif;
	padding:               0px;
	margin:                0px;
}


/*
 * Form section
 * --------------------------------------------------------------------------------------
 */
#divBodyFormContainer
{
	margin-left:           30px;
	width:                 820px;
	background:            transparent;
	color:                 #000;
	padding:               0px;
	position:              relative;
	/* Rick B - troubleshooting FF Android rendering - 2023/09/28 */
	/*margin-left:  auto;*/
	/*margin-right: auto;*/
}

#divBodyListContainer, #divBodyProjectContainer, #divBodyInfoContainer
{
	margin-left:           0px;
	background:            transparent;
	color:                 #FFF;
	padding:               0px;
}

#divBodyForm, #divBodyList, #divBodyInfo
{
	width:                 864px;
	margin:                3px 0px 0px 3px;
	padding:               5px;
	border:                1px solid #FFF;
	background:            transparent;
	color:                 #FFF;
	font-size:             12px;
	margin-bottom:         8px;
}

#divBodyListVstar
{
	width:                 869px;
	margin:                8px 0px 0px 8px;
	padding:               5px;
	border:                1px solid #FFF;
	background:            transparent;
	color:                 #FFF;
	font-size:             12px;
	margin-bottom:         8px;
}

#divBodyMsg
{
	position:              relative;
	width:                 400px;
	margin:                8px 0px 0px 8px;
	padding:               5px;
	background:            transparent;
	color:                 #000;
	font-size:             12px;
	line-height:           16px;
}

#divBodyInfoText
{
	position:              absolute;
	left:                  20px;
	top:                   10px;
	padding:               6px;
	font-size:             18px;
	border:                none;
	color:                 #555;
	background:            transparent;
}

#divBodyInfoText h1
{
	background:            transparent;
	color:                 #000;
	font:                  bolder 16px arial, sans-serif;
	padding:               0px;
	margin:                0px;
}

.errMsg
{
	color:                 #F00;
	background:            transparent;
	position:              relative;
	margin-right:          0px;
	margin-top:            0px;
	text-align:            right;
	width:                 250px;
	position:              relative;
	float:                 right;
	clear:                 left;
	height:                0px;
	overflow:              visible;
	z-index:               1;
}


/*
 * Form control section
 * --------------------------------------------------------------------------------------
 */
 
.tdLabel
{
	font-weight:           bold;
	font-size:             12px;
	color:                 #FFF;
	background:            transparent;
	text-align:            left;
	vertical-align:        top;
}

.frmNotes
{
	font:                  italic normal 12px arial, sans-serif;
}

.inputLarge
{
	font:                  bolder 24px arial, sans-serif;
	width:                 280px;
	height:                33px;
	color:                 #22AAFF;
	background:            #FFF url('../images/inputLargeBkgrnd.jpg') no-repeat top left;
	padding:               2px 6px 2px 6px;
	border:                1px solid #1599e1;
}

.inputText
{
	font:                  bolder 16px arial, sans-serif;
	color:                 #676767;
	background:            #FFF url('../images/inputBkgrnd.jpg') repeat-x center;
	padding:               2px 2px 2px 2px;
	border:                1px solid #1599e1;
}

.inputPassword
{
	font:                  bolder 16px arial, sans-serif;
	color:                 #ac1111;
	background:            #FFF url('../images/inputBkgrnd.jpg') repeat-x center;
	padding:               2px 2px 2px 2px;
	border:                1px solid #ac1111;
}

.inputButton, .inputSubmit, BUTTON
{
	font:                  bolder 16px arial, sans-serif;
	color:                 #FFF;
	background:            #0E5278 url('../images/buttonBkgrnd.jpg') repeat-x top;
	padding:               2px;
	border:                1px solid #FFF;
}


/*
 * Page footer section
 * --------------------------------------------------------------------------------------
 */
#divFooter
{
	position:              relative;
	background:            transparent;
	color:                 #1696FF; /*#1696E0;*/
	border-top:            1px solid #FFF; /*#1696E0; #22AAFF;*/
	border-bottom:         1px solid #FFF; /*#1696E0; #22AAFF;*/
	margin:                0px 8px 0px 8px;
	padding-top:           16px;
	text-align:            center;
	font-size:             11px;
	/* 
	vertical center text 
	*/
	line-height:           25px;
	vertical-align:        middle;
	clear:                 both;
}