/* ****************** "Classic" Theme **************** */

/* ---------------------
   Main Layout Selectors
   --------------------- */

body 
{ 
    padding: 0;
    margin: 0;
    font-family: verdana;
    height: 100%;
    background-color: #8688AE; /* Because the Page doesn't fill the entire client area on FireFox */
}

/* Layout panels in vertical order:

   1. Page Outside Header Panel
   2. Page Inside Header Panel
   3. Page Panel
   4. Body Header Panel
   5. Body Panel
   6. Body Footer Panel
   7. Page Inside Footer Panel
   8. Page Outside Footer Panel
   9. Browser Footer Panel

*/

#PageOutsideHeaderPanel /* Is outside, on top of, the Page panel. */
{
	background-color: #060419; /* <-- Blackish. Skyblue theme: #99B1D3; */
	color: white;
	padding: 10px;
	height: 70px;
}

/* Not currently used, but kept for future needs */
#PageInsideHeaderPanel /* Is inside the Page panel. */
{
    background-color: Transparent;
    height: 2.5%; /* Change as needed */
}

#PagePanel /* Inside the PageHeader and PageFooter panels. Can be used for page background colors/gradients/images */
{
	min-height: 90%; /* Should be 100% - PageInsideHeaderPanel.Height - PageOutsideHeaderPanel.Height. Warning: FireFox doesn't respect the sizing of the PagePanel (behaves as if height: auto)!!!!! */

	/* filter only works in IE */
	
	/* Blackish theme: */
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#060419', endColorStr='#C3C1C4', gradientType='0');
	
	/* Skyblue theme: 
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#99B1D3', endColorStr='#FFFFFF', gradientType='0'); 
	*/
	
	height: auto;

	/* Generates gradient image on the server and returns it to the browser.
	   Only supports fixed width/height at the moment 
	background-image: url(../../gradient.aspx?a=060419&b=C3C1C4&d=ttb&h=300);
	background-repeat: repeat-x;
	*/
	
	background-color: #8688AE;
	color: White;
}

/* Not currently used, but kept for future needs */
#BodyHeaderPanel  /* Is inside the Page panel, and outside of the Body panel. */
{
}

#BodyPanel /* Except for header/footer info., this where the page's main content goes */
{
	min-height: 515px; /* To display the entire background image, but doesn't work all browsers */

	/* IE filter approach, alternative 1:
	height: auto !important; / This counts for standard-compliant browsers /
	height: 515px; / Silly-Billy Internet Explorer (pre IE7) /
	*/

	/* IE filter approach, alternative 2: */
	height: auto;
	_height: 515px; /* IE (pre IE7) ignores the _ and accepts the height! */

	padding: 10px;
	margin: 10px;
	margin-top: 0px;
	background-image: url(../../Images/Tinden2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
}

#BodyFooterPanel  /* Is inside the Page panel, and outside of the Body panel. */
{
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 100%;
	font-size: 10pt;
	clear: both; /* To avoid the footer wrapping around elements above it */
	color: #C53802;
}

/* Not currently used, but kept for future needs */
#PageInsideFooterPanel /* Is inside the Page panel, at the very bottom */
{
    background-color: Transparent;
    width: 100%;
    position: relative;
    top: -4%;
    height: 4%; /* top + height should equal 0% */
}

/* Not currently used, but kept for future needs */
#PageOutsideFooterPanel /* Is outside the Page panel, immediately following it. */
{
    width: 100%;
    position: relative;
    top: -4%; /* Should be the same value as PageInsideFooterPanel.top */
}

/* Not currently used, but kept for future needs */
#BrowserFooterPanel /* Is always at the bottom of the browser's client area, and independent of any scrolling */
{
	position: fixed; 
	top: 98%; 
	height: 2%; /* top + height should equal 100% */
	width: 100%;
}

/* ---------------------------
   Page Header Panel Selectors
   --------------------------- */

#HeaderLeftColumnLogo
{
	float: left;
	height: 100%;
	padding: 0;
	margin: 0;
}

.HeaderCenterTitle
{
	float: left;
	position: relative;
	left: 10%;
	height: 100%;

	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;

	margin: 0px;

	color: white;
	background-color: #6e81a1;

	font-family: Franklin Gothic Book;
	font-size: smaller;

	border-color: White;
	border-width: 1px;
	border-style: solid;
}

#PageTitle
{
	margin: 0px; 
	text-transform: uppercase;       
	font-weight: normal;
}

#PageSubTitle
{
	margin: 0px;
	font-weight: normal;
}

#Logo
{
    font-family: Papyrus;
    font-weight: bold;
    font-size: 24pt;
    color: white; /* Synchronize with #Header.color. Must have declaration here to overwrite default link color */
}

#Slogan
{
    font-family: Papyrus;
    font-size: 10pt;
}

#HeaderRightColumn 
{
	float: right;
	height: 100%;
	padding: 0;
	margin: 0;
}

/* -------------------------------
   default.aspx Body Panel Selectors
   ------------------------------- */

.LinkPanel
{
	padding: 10px;
	margin: 10px;
	
	border: 1px solid white;
	
	float:left;
	position: relative;
	width: 250px;
	height: 350px;
	/* filter only works in IE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
		startColorStr='#677B9E', endColorStr='#C2C4D1', gradientType='0');
	background-color: #C2C4D1;
	color: White;
	text-align: left;
	padding-left: 20px;

    /* the filter attribute is recognized in Internet Explorer and should be a percentage */
    filter: Alpha(opacity=80);
    /* the -moz-opacity attribute is recognized by Gecko browsers and should be a decimal */
    -moz-opacity: .8;
    /* opacity is the proposed CSS3 method, not currently supported by any browser, but possibly
    standard in the future */
    /* opacity: .8; */
}

.TextPanel
{
	padding: 10px;
	padding-left: 20px;
	margin: 10px;

	border: 1px solid black;

	float:left;
	position: relative;
	width: 300px;
	height: 350px;
	background-color: white;
	color: black;
	text-align: left;
	font-size: 10pt;

    /* the filter attribute is recognized in Internet Explorer and should be a percentage */
    filter: Alpha(opacity=80);
    /* the -moz-opacity attribute is recognized by Gecko browsers and should be a decimal */
    -moz-opacity: .8;
    /* opacity is the proposed CSS3 method, not currently supported by any browser, but possibly
    standard in the future */
    /* opacity: .8; */
}

.LinkPanel .Title
{
	font-size: 12pt;
	font-weight: bold;
	color: #C53802;
}

.TextPanel .Title
{
	font-size: 12pt;
	font-weight: bold;
	color: #C53802 /* #677B9E; */
}

.HyperLink
{
	color: White;
	font-style: normal;
}

.LinkPanel .HyperLink
{
	height: auto;
	color: White;
	font-style: normal;
}

.TextPanel .HyperLink
{
	height: auto;
	color: #677B9E;
	font-style: normal;
}

.LoginName
{
	font-weight: bold;
}

asp:ListBox
{
	border-style: none;
	border-width: 0px;
	min-width: 160px;
}