﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - RSI
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
body         { font-size: 11px; margin: 0px 0px 8px 0px; text-align: center; 
               font-family:Arial, Helvetica, sans-serif; color: #007161;
               background-color: #377488; }
#wrapper     { width: 800px; margin-left: auto; margin-right: auto; text-align: left; }
#page		 { padding-left: 19px; 
			   background: url("../../Images/master_body_bg.gif") repeat-y; }

/* Typography Styles
-------------------------------------------------------------------------------*/
.highlight { background-color: #EAEAEA; color: #000000; }
#SiteMapPath { display: block; margin: 0 0 10px 0; }
.error_summary li { margin: 0px 0px 15px 30px; }
.CheckBox label { margin-left: 5px; vertical-align: top; }
.RadioButtonList label { margin: 0px 10px 0px 5px; }

/* -- GridView Default Styles -- */
.GridView { margin: 10px 0px 10px 0px; line-height: 15px; width: 100%; }
.GridView td, .GridView th { padding: 3px; }

/* Custom Styles
-------------------------------------------------------------------------------*/
.orange { color: #f8981d !important; }
.error { color: Red; }
.error_bold { color: Red; font-weight: bold; }
.error_italic { color: Red; font-style: italic; }
.success { color: Green; font-weight: bold !important; }

.accordionHeader {
    margin-bottom: 5px;
}
.accordionHeader a {
	color: #007161;
	font-size: 12px;
	font-weight: bold;
}
.accordionHeader a:hover {
	color: #f8981d;
}

.accordionHeaderSelected
{
    background-color: #007161;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a {
    color: #FFF;
	text-decoration: none;
}

.accordionContent {
    margin-top: 1px;
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px dashed #007161;
}

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master_header { width: 760px; height: 103px; border-bottom: 1px solid;
	background: url("../../Images/master_header.gif") no-repeat; }

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
#master_navigation { float: left; position: relative; top: 83px; left: 170px; 
	height: 20px; margin-top: 1px; }

/* Master Body Styles
-------------------------------------------------------------------------------*/
#subpage_content { float: left; width: 761px; 
	background: url("../../Images/subpage_bg.gif") repeat-y; }

/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master_footer { width: 800px; height: 18px; 
	background: url("../../Images/master_footer.gif") no-repeat; }
#footer_wrapper { float: left; color: #AFC7CF; font-size: 10px; 
	padding: 7px 0 0 19px; width: 760px; }
#copyright { float: left; width: 100px; }
.credits { float: right; text-align: right; width: 150px; }
.credits a { color: #AFC7CF; }

/* SubPage Layout Styles
--------------------------------------------------------------------------------------------- */
#sidenav { float: left; padding: 20px 0 20px 20px; width: 127px; border: }
#sidenav a { color: #007161; font-weight: bold; text-decoration: none; display: block; }
.selected { border-bottom: 1px solid #D9D7CF; }

#maincontent 
{ 
	float: left; 
	background-color:#ffffff; 
	color:#026154; 
	padding: 0px 25px 0 20px; 
	width: 556px; 
	min-height: 200px; 
}
* html #maincontent { height: 200px; }
#subpage_footer { clear: left; background: url("../../Images/subpage_footer.gif") no-repeat; width: 760px; height: 79px; }

/* Copyright & Site Design Styles
-------------------------------------------------------------------------------*/   

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    P.I.E. FLOAT CLEARING
    See http://www.positioniseverything.net/easyclearing.html 
-------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
