/*~~~~~~~~~~~~~~~~~~~~~~~~~ MASTER PAGE START ~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-information {
	height:4.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:987px;
	Z-INDEX: 112; 
	RIGHT: 2px; 
	LEFT: -5px; 
	POSITION: relative; 
	TOP: 18px; 
	HEIGHT: 4.92em; 
	TEXT-ALIGN: left
	}

#Slogan {
	Z-INDEX: 104; 
	RIGHT: 215px; 
	LEFT: 320px; 
	WIDTH: 318px; 
	COLOR: #ff6600; 
	POSITION: absolute; 
	TOP: 9px; 
	HEIGHT: 21px; 
	TEXT-ALIGN: center
	}
	
#logo {
	position:absolute;
	top:.5em;
	left:15px;
	font-size:2.6em;
	font-family:Futura Futura Md BT, "Times New Roman", Times, serif;
	height:2.8em;
	padding:.1em 0 .2em 0;
	font-variant:small-caps;
	}

#MHEControl-logo /* Top Left Logo on page */
{
	Z-INDEX: 100; LEFT: 0px; POSITION: relative; TOP: -19px
}

#top-information-home {
	text-align:right;
	border-bottom:1px dashed #CACACA;
	position:absolute;
	top:0;
	right:25.5%;
	height:2em;
	width:15%;
	padding:0 1.5% 0 0;
	}
	
#top-information-phone {
	text-align:center;
	border-left:1px dashed #CACACA;
	position:absolute;
	top:0;
	left:75%;
	height:100%;
	padding:0 0 0 2%;
	}

#top-information-link {
	text-align: center;
	border-left:1px dashed #CACACA;
	position:absolute;
	top:0;
	right:0;
	height:2em;
	width:8.5%;
	padding:0 0 0 1.5%;
	}

#heading{
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	}


#subheading{
	font-size:1.1em;
	font-weight:bold;
	}

#MHEControl-Master-Table
{
	width: 987px;
	height: 768px;
	margin: 0px;
	border-bottom: #000000 thin solid;
	border-left: #000000 thin solid;
	border-top: #000000 thin solid;
	border-right: #000000 thin solid;
}
#MHEControl-Master-Table th
{
	width: 718px;
	border-bottom: #3300cc thin solid;
	border-left: #3300cc thin solid;
	border-top: #3300cc thin solid;
	border-right: #3300cc thin solid;
	height: 50px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle = DEACTIVATED

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* DEACTIVEATED SEE MASTER STYLE PAGE THEME INSTEAD
#pagetitle
{
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	/*width: 728px; --> old setting 
	color: #000099;
	font-size: large;
	height: 30px;
	/*width: 718px; --> Old setting 
	position: static;
	background-color: transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-bottom: 0.7em;
	padding-left: 23px;
	padding-right: 24px;
	padding-top: 0.5em;
	
	BORDER-TOP-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	Z-INDEX: 101; 
	LEFT: 0px; 
	WIDTH: 938px; 
	TOP: 0px; 
	HEIGHT: 11px; 
	TEXT-ALIGN: left; 
	
	BORDER-RIGHT-WIDTH: 1px; 
	BORDER-RIGHT-COLOR: #666666;
	BORDER-LEFT-COLOR: #666666; 
	BORDER-TOP-COLOR: #666666; 
	BORDER-BOTTOM: #666666 thin solid;
}
*/

#pagetitle a:link,
#pagetitle a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#pagetitle a:hover{
	color:#D4E7F8;
	text-decoration:none;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TEMPLATE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-template-containter
{
	z-index: 101;
	top: 8px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 987px; /*used to be 758px*/
	border: 0px solid #818181;
	position: static; /*used to be static*/
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #ffffff;
	color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - MHEControl Portal

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-mhecontrol-portal
{
	z-index: 101;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 15px; /*width: 728px; --> old setting*/
	border: 1px solid #818181; /*position: relative; --> old setting*/
	right: 0px;
	top: 0px;
	min-height: 885px;/*This controls the minimum height of each page plus the MasterStyleSheet*/
	background-color: #ffffff;
	background: url(Images/Logos/logobackground.gif) #ffffff no-repeat center center;
	width: 953px;
	height: 90%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	position: static;
	text-align: left;
	border-bottom-style: none;
	vertical-align: top;
}
#content-container-mhecontrol-portal2
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 780px;
	border: 1px solid #818181;
	position: relative;
	background: #000000;
}
#content-main-two-column {
	width:540px;
	float:left;
	}

#content-side-two-column {
	float:right;
	width:160px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - MHEControl Blank
the first two styles are for the static div boxes for each section
of MHEControl. The page header section and then the body section
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~ Page Header for each page in the section ~~~~~~~~~~~~~~~~~*/

#content-mhecontrol-blank-Section-header {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	padding:15px;
	width:800px;
	height:40px;
	border:1px solid #818181;
	position:relative;
	}
/*~ Page Body for each page in the section ~~~~~~~~~~~~~~~~~~~*/

#content-mhecontrol-blank-body {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	padding:2px;
	width:800px;
	height:800px;
	border:1px solid #818181;
	position:relative;
	}

#content-main-two-column {
	width:540px;
	float:left;
	}

#content-side-two-column {
	float:right;
	width:160px;
	}
/*~ Scrolling Text Boxes insided DetailsView ~~~~~~~~~~~~~~~~~~~*/

#scrolling-text-boxes 
{
	margin:0px;
	background-color:#FFFFFF;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 728px;
	border: 1px solid #818181;
	background: url(../../images/bg-content-side.png) repeat-y right;
	position: relative;
}

#content-main-two-column {
	width:540px;
	float:left;
	}

#content-side-two-column {
	float:right;
	width:160px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN LEFT SIDE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column-left {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:728px;
	border:1px solid #818181;
	background:url(../../images/bg-content-side.png) repeat-y right;
	position:relative;
	}
	
#content-side-two-column-left {
	float:right;
	width:160px;
	}

#content-main-two-column-left {
	width:540px;
	float:right;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 728px;
	border: 1px solid #818181;
	background: url(../../images/bg-three-column-main.png) repeat-y;
	position: relative;
}

#content-main-three-column {
	width:355px;
	float:left;
	margin-left:25px;
	}

#content-side2-three-column,
#content-side1-three-column {
	width:160px;
	font-size:.9em;
	}
	
#content-side2-three-column {
	float:right;
	}

#content-side1-three-column {
	float:left;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUM NO RIGHT MARGIN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column-no-right {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:728px;
	border:1px solid #818181;
	background:url(../../images/bg-three-column-main.png) repeat-y;
	position:relative;
	}

#content-main-three-column-no-right {
	width:355px;
	float:left;
	margin-left:25px;
	}

#content-side1-three-column {
	width:160px;
	font-size:.9em;
	}
	
#content-side1-three-column {
	float:left;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container {
	background:url(../../images/bg-three-column-home.png) repeat-y;
	padding:0;
	margin:20px 0 10px 0;
	}

#three-column-side1 {
	float:left;
	width:30%;
	}

#three-column-side2 {
	float:right;
	width:30%;
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%;
	}
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.viewWrap
{
    padding: 15px;
    background: #FFCC66 url('../Images/bg-photo.png') repeat-y;
    width: 75%;
}

.contactWrap
{
    padding: 5px 15px 15px 15px;
    background: #fff;
    }

.contactWrap td
{
    padding: 0 15px 0 0;
    text-align: left;
}

.contactWrap td td
{
    padding: 3px 20px 3px 0;
}

.contactWrap img
{
    border: 1px solid #05679d;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Calibri, Arial, Verdana, Garamond, Times New Roman, Sans-Serif;
	/*font-size:10px; 1.1em was also formely used*/
	line-height: 1.4em;

}
p 
{
	margin:10px 0;
    font-size: medium;
}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend
{
    color: #0000FF;
    padding: 5px 3px 10px 3px;
    font-weight: bold;
}
	
.panel-group-text
{
    color: #0000FF;
    font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6, h7 {
	font-size:1.4em;
	font-family: Candara, Calibri, Arial, Verdana, Sans-Serif;
	line-height:1.1em;
	margin:5px 0;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
	color:#666666;
}

h3.small {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}

h7 {
	font-size: 1.1em;
	color: #ffffff;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link
{
	color: #ff6600;
	text-decoration:  none;
}

a:visited
{
	color: #ff9933; 
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
	font-weight: bold;
}

a:active
{
	color: #cc6600;
}

#content-side-two-column a:link,
#content-side2-three-column a:link,
#content-side1-three-column a:link,
#content-side-two-column a:visited,
#content-side2-three-column a:visited,
#content-side1-three-column a:visited {
	text-decoration:none;
}

#content-side-two-column a:hover,
#content-side2-three-column a:hover,
#content-side1-three-column a:hover {
	text-decoration:underline;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV - USED AS A DIV WRAPPER AROUND THE MENU THE MENU
	HAS A .menu class to define the menu appearance by itself.
	for the .menu class SEE MasterPageStyleSheet.css

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main
{
	/*background: url(Images/menubackground.gif) #608fc8 no-repeat; -> was part of original temp*/
	margin-left: auto;
	margin-right: auto;
	width: 100%; /*Used to be 740px*/ /*padding: .8em 0 1em 20px; -> was part of the original temp */
	position: static;
	font-weight: bold;
	padding-bottom: 0.5em;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0.5em;
}

#nav-main div
{
	/*background: url(../../images/menu.gif) #000000 no-repeat center top; ~~~ below is the width for the dynamic menu ~~~*/
	width: 17%;
	position: absolute;
	top: 5px;
	right: 5px;
	left: 5px; /*~~~ padding for dynamic drop down portion of the menu ~~~
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 0.8em;
	padding-right: 5px;
	text-align: left;
	cursor: hand;*/
}
#nav-main ul {
	margin:0;
	padding:0 2 0 0;/*Second 0 used to be 1 or 2 (can't remember)*/
	}
	
#nav-main li
{
	display: inline;
	background: none;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0em;
	padding-top: 0px;
}

#nav-main a:link, #nav-main a:visited
{
	color: #ffffff;
	text-decoration: none;
	text-align: left;
}

#nav-main a:hover
{
	/* -- Yellow is on hover --*/
	color: #ffff99;
	text-decoration: underline;
	list-style-image: url(Images/list-bullet-01.gif);
	text-align: left;
}

#nav-main a:active
{
	color: #ffd700;
}

#nav-main li.current a:link,
#nav-main li.current a:visited {
	text-decoration:underline;
}

#nav-main li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
	
}

#nav-main li.current a:active {
	color:#FFFFFF;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited
{
	color: #ffd700;
	text-decoration: underline;
}
/*----------------------------------------------------------------------------

         LOGIN CSS BUTTON SYTLE - below is the style for the login button

				(See the MHEContro.master file for this control) 

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

/*----- Login button not clicked yet 'visited' = WHITE (code below) -----*/
#login-button a:link, #login-button a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}/*-- end of (not clicked) VISITED code --*/

/*----------- Login button appearence: "HOVER ACTION" = BLACK -----------*/
#login-button a:hover
{
	color: #000000;
	background-color: #ffcc00;
	font-weight: bold;
}/*-- end of HOVER code --*/

/*-------- Login button appearence: "CLICKED ACTION" = DARK BLUE --------*/
#login-button a:active
{
	color: #0000c6;
	background-color: #ffcc00;
	font-weight: bold;
}
/* Not sure what the code on the next line means? Currently doesn't work */
#login-button a.StaticSelectedStyle:link, #login-button a.StaticSelectedStyle:visited
{
	color: #0000c6;
	text-decoration: underline;
}/*-- end of (after cliced) ACTIVE code --*/

/*>>>>>>>>>>>>>>>>>>>>> END OF LOGIN BUTTON CSS STYLE <<<<<<<<<<<<<<<<<<<< */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~ This poster-photo style is for the main ~/Default.aspx banner image~~~~~*/
#poster-photo-container {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background:#608fc8;
	position:relative;
	border:1px solid #818181;
	}
	
.poster-photo-image {
	border-right:3px solid #FFF;
	display:block;
	}

#feature-area-home {
	position:absolute;
	top:0;
	right:0;
	width:21%;
	text-align:center;
	padding:2%;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:160%;
	}

#feature-area-home a:link, #feature-area-home a:visited
{
	color: #ff9900;
	text-decoration: underline;
}
	
#feature-area-home a:hover {
	text-decoration:none;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GridView CSS Style - MHEControl Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Border-White
{
	border-bottom: white 1px solid;
	border-left: white 1px solid;
	border-top: white 1px solid;
	border-right: white 1px solid;
}
.GridView
{
	/*border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid; 
	background-color: #fafad2; --> deactivated interferring with RadControl */
	color: #666666;
	font-size: 8.4pt;
}

.GridView th
{
	color: #666666; /*background-color: #ffff99; --> deactivated for now (was interferring with gridview) */
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
}

.GridView th:hover
{
	/* background-color: transparent;  /*--> deactivated for now (was interferring with gridview)*/
}

.GridView-row
{
	background-color: #ffffff;
	color: #993366;
}

.GridView-altrow
{
	background-color: #f5f5dc;
}

.GridView tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #666666 thin solid;
	border-top: #666666 thin solid;
	border-left: #666666 thin solid;
	color: #993366;
}

/* -- > The 'td' setting is to change the color of each cell in the table GridView 
.GridView td
{
	color:Olive;
	background-color: #00ffcc;
}
<-- */

.GridView a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GridView2 CSS Style - MHEControl Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.GridView2
{
	border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid; /*--> deactivated interferring with RadControl*/
	color: #666666;
	font-size: 8.4pt;
}

.GridView2 theader
{
	color: #ffffff; /*background-color: #ffff99; --> deactivated for now (was interferring with gridview) */
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #ff9900 2px solid;
	border-top: #ff9900 2px solid;
	background-color: #000000;
}
/*
.GridView2 th:hover
{
	background-color: #ffe995;
	background-image: url(Images/Decoration/rootHovered.gif);
	background-position-x: center;
	background-attachment: scroll;
	background-repeat: repeat-x;
}
*/
.GridView2 tr
{
	color: #666666;
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-right: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	width: 313px;
}

.GridView2 altrow
{
	background-color: #f5f5f5;
}

.GridView2 tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	color: #000000;
	background-color: #ffcc00;
	border-bottom: #ffcc00 1px solid;
}

/* -- > The 'td' setting is to change the color of each cell in the table GridView 
.GridView td
{
	color:Olive;
	background-color: #00ffcc;
}
<-- */

.GridView2 a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}

.GridView2 a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
	background-color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	WOGridView CSS Style - MHEControl Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.WOGridView
{
	/*border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid; 
	background-color: #fafad2; --> deactivated interferring with RadControl */
	color: #666666;
	font-size: 8.4pt;
}

.WOGridView th
{
	color: #666666; /*background-color: #ffff99; --> deactivated for now (was interferring with gridview) */
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #f0e68c thin solid;
	border-top: #f0e68c thin solid;
}

.WOGridView th:hover
{
	/* background-color: transparent;  /*--> deactivated for now (was interferring with gridview)*/
}

.WOGridView-row
{
	background-color: #ffffff;
	color: #993366;
}

.WOGridView-altrow
{
	background-color: #f5f5dc;
}

.WOGridView tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #666666 thin solid;
	border-top: #666666 thin solid;
	border-left: #666666 thin solid;
	color: #993366;
}

/* -- > The 'td' setting is to change the color of each cell in the table GridView 
.GridView td
{
	color:Olive;
	background-color: #00ffcc;
}
<-- */

.WOGridView a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PartGridView CSS Style - MHEControl Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PartGridView
{
	/*border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid; 
	background-color: #fafad2; --> deactivated interferring with RadControl */
	color: #666666;
	font-size: 8.4pt;
}

.PartGridView th
{
	color: #666666; /*background-color: #ffff99; --> deactivated for now (was interferring with gridview) */
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #e6e6fa thin solid;
	border-top: #e6e6fa thin solid;
}

.PartGridView th:hover
{
	/* background-color: transparent;  /*--> deactivated for now (was interferring with gridview)*/
}

.PartGridView-row
{
	background-color: #ffffff;
	color: #993366;
}

.PartGridView-altrow
{
	background-color: #f5f5dc;
}

.PartGridView tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #666666 thin solid;
	border-top: #666666 thin solid;
	border-left: #666666 thin solid;
	color: #993366;
}

/* -- > The 'td' setting is to change the color of each cell in the table GridView 
.GridView td
{
	color:Olive;
	background-color: #00ffcc;
}
<-- */

.PartGridView a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PersonGridView CSS Style - MHEControl Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PersonGridView
{
	/*border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid; 
	background-color: #fafad2; --> deactivated interferring with RadControl */
	color: #666666;
	font-size: 8.4pt;
}

.PersonGridView th
{
	color: #666666; /*background-color: #ffff99; --> deactivated for now (was interferring with gridview) */
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #ccff66 thin solid;
	border-top: #ccff66 thin solid;
}

.PersonGridView th:hover
{
	/* background-color: transparent;  /*--> deactivated for now (was interferring with gridview)*/
}

.PersonGridView-row
{
	background-color: #ffffff;
	color: #993366;
}

.PersonGridView-altrow
{
	background-color: #f5f5dc;
}

.PersonGridView tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #666666 thin solid;
	border-top: #666666 thin solid;
	border-left: #666666 thin solid;
	color: #993366;
}

/* -- > The 'td' setting is to change the color of each cell in the table GridView 
.GridView td
{
	color:Olive;
	background-color: #00ffcc;
}
<-- */

.PersonGridView a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	VistaGrid CSS Style - MHEControl Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.VistaGrid
{
	border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid; /*--> deactivated interferring with RadControl*/
	color: #666666;
	font-size: 1.1em;
}

.VistaGrid th
{
	background: url(../../images/Decoration/GreyVistaBar.png) repeat-y;
	background-position: left 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	font-size: 1.1em;
	color: #000000;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	height: 25px;
	font-weight: bold;
	border-bottom: #ff9900 thin solid;
}

/*
.VistaGrid th:hover
{
	background-color: #ffe995;
	background-image: url(Images/Decoration/rootHovered.gif);
	background-position-x: center;
	background-attachment: scroll;
	background-repeat: repeat-x;
}
*/
.VistaGrid-row
{
	color: #666666;
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-bottom: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-right: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	width: 313px;
}

.VistaGrid altrow
{
	background-color: #f5f5f5;
}

.VistaGrid tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	color: #993366;
	border-bottom: #ffcc00 1px solid;
	background: url(../../images/Decoration/lightblueVistaBar.png) repeat-y;
	background-repeat: repeat-x;
}

/* -- > The 'td' setting is to change the color of each cell in the table GridView 
.VistaGrid td
{
	color:Olive;
	background-color: #00ffcc;
}
<-- */

.VistaGrid a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
}

.VistaGrid a:active /* action that happens when a button is clicked*/
{
	color: #ff9900;
	text-decoration: underline;
	font-weight: bold;
	background-color: #ff9900;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	VistaGridView CSS Style - MHEControl Style
    this is for regular Grid (not Telerik)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.VistaGridView
{
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	line-height:1.1em;
	margin:5px 0;
}

.VistaGridView th /* for header */
{
	background: url(../../images/Decoration/VistaBar.JPG) repeat-y;
	background-position: left 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	color: #ffffff;
	font-size: 1.4em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	line-height: 1.1em;
	margin: 5px 0;
	font-weight: bold;
	height: 35px;
}

.VistaGridView-CellTitle
{
	font-weight: bold;
}

.VistaGridView-header
{
	background: url(../../images/Decoration/VistaBar.JPG) repeat-y;
	background-position: left 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	color: #ffffff;
	font-size: 1.4em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	line-height: 1.1em;
	margin: 5px 0;
	font-weight: bold;
	height: 35px;
}

.VistaGridView-row
{
	background-color: #eaeaea;
}
.VistaGridView-row-boarder
{
	background-color: #ffffff;
	border-top: #000099 1px solid;
	border-bottom: #000099 1px solid;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	VistaGridViewGreyBar CSS Style - MHEControl Style
    this is for regular Grid (not Telerik)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.VistaGridViewGreyBar
{
	background: url(../../images/Decoration/GreyVistaBar.JPG) repeat-y;
	background-position: left 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	border-top-width: 2px;
	border-left-width: 2px;
	border-left-color: #ff9900;
	border-top-color: #ff9900;
	border-bottom: #ff9900 2px solid;
	border-right-width: 2px;
	border-right-color: #ff9900;
}

.VistaGridViewGreyBar tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	color: #000000;
	background-color: #ffcc00;
	border-bottom: #ffcc00 1px solid;
	line-height:1.1em;
	margin:5px 0;
}

.VistaGridViewGreyBar_th
{
	background: url(../../images/Decoration/GreyVistaBar.JPG) repeat-y;
	background-position: left 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	font-size: 1.1em;
	color: #000000;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	height: 20px;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	VistaGridViewBlue CSS Style - MHEControl Style
    this is for regular Grid (not Telerik)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.VistaGridViewBlue
{
	background: url(../../images/Decoration/VistaBar.JPG) repeat-x 100% 0%;
	border-top-width: 2px;
	border-left-width: 2px;
	height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #f5f5f5;
}

.VistaGridViewBlue tr:hover
{
	/*background-color: transparent;*/
	border-bottom: #666666 thin solid;
	border-right: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	color: #000000;
	background-color: #ffcc00;
	border-bottom: #ffcc00 1px solid;
	line-height:1.1em;
	margin:5px 0;
}

.VistaGridViewBlue_th
{
	background: url(../../Images/Decoration/Blueboarder_InsideGradient.png) left 100%;
	background-position: Center 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	font-size: 1.1em;
	color: #000000;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	height: 40px;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TABLE CSS Style FOR:
	Regular generic table settings for formviews etc...

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Table-Header
{
	background-color: Black;
	border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid;
	color: #ffffff;
}

#Table
{
	border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid;
}

.cell-BKG1
{
	background-color: #e6e6fa;
	border-right: #666666 thin solid;
	border-top: #666666 thin solid;
	font-weight: bold;
	border-left: #666666 thin solid;
	border-bottom: #666666 thin solid;
}

.cell-BKG2a
{
	background-color: #ccff99;
}

.cell-BKG2 /* --> light green */
{
	background-color: #e9ffe5;
}

.cell-TR-Black_Orange_Border
{
	background-color: #000000;
	border-right: #ff9900 1px solid;
	border-top: #ff9900 1px solid;
	border-left: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid;
	color: #ffffff;
	font-weight: bold;
}

.cell-BKG3 /* --> Lemon Chiffon */ 
{
	background-color: #fffacd;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                CONTACTS FORMVIEW STYLE
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ContactsFormView
{
	background-color: #ede2d2;
}
.ContactsFormView tr
{
	background-color: #fdf5e6;
}
.rightbluelabel
{
	text-align: right;
	color: #0000ff;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                INVOICES ORDER FORMVIEW STYLE ~ LISTED A-Z
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.leftblackboldlabel
{
	text-align: left;
	color: #000000;
	font-weight: bold;
}
.leftboldlabel
{
	text-align: left;
	color: #ff9900;
	font-weight: bold;
}
.InvoiceOrderFormView
{
	background-color: #ffffff;
}

.InvoiceOrderFormView th
{
	background-color: #000000;
}

.InvoiceOrderFormView tr
{
	background-color: #000000;
}
.InvoiceOrderFormViewAlt
{
	background-color: #f5f5f5;
}
.invoicetotallabel
{
	color: #99ff66;
	font-size: 1.1em;
	font-weight: bold;
}
.rightblackboldlabel
{
	text-align: right;
	color: #000000;
	font-weight: bold;
}
.rightwhiteboldlabel
{
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
}
.rightwhiteboldlargelabel
{
	text-align: right;
	color: #dcdcdc;
	font-weight: bold;
	font-size: 1.1em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                PROBLEMS FORMVIEW STYLE
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProblemFormView
{ 
	background-color: #ffe366; 
}
.ProblemFormView tr
{
	background-color: #fdff84;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                PURCHASE ORDER FORMVIEW STYLE ~ LISTED A-Z
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.PurchaseOrderFormView
{
	background-color: #3399ff;
}
.PurchaseOrderFormView tr
{
	background-color: #e6e6fa;
}
.rightwhitelabel{text-align: right; color: #FFFFFF; font-weight:bold}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                QUOTATIONS FORMVIEW STYLE ~ LISTED A-Z
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.QuotationFormView
{
	background-color: #bdb76b;
}
.QuotationFormView tr
{
	background-color: #f0e68c;
}
.rightkakilabel
{
	text-align: right;
	color: #f0e68c;
	font-weight: bold;
}
.leftkakilabel
{
	text-align: left;
	color: #bdb76b;
	font-weight: bold;
}
.rightbrownlabel
{
	text-align: right;
	color: #663300;
	font-weight: bold;
}
.rightblacklabel
{
	text-align: right;
	color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                WORK ORDERS FORMVIEW STYLE ~ LISTED A-Z
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.WorkOrderFormView
{
	background: #fffaa0;	
}
.WorkOrderFormView tr
{
	background: #fffacd;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
                RAD EDITOR DIV - used in Floor Plans so far
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#EditBar
{
	width: 100%;
	position: static;
	background-color: #f5f5f5;
	text-align: left;
	font-size: 1.1em;padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
#UpdateBar
{
	width: 100%;
	position: static;
	background-color: #f5f5f5;
	text-align: left;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
				DROP DOWN LIST BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DropDownList
{ 
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	background-color: menu; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView  
{
    border-bottom:1px dotted #B2B2B2 !important;
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
    border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}

.LeafNodesStyle 
{
    
}


.RootNodeStyle 
{
    
}

/* ALL ELEMENTS */
.NodeStyle
{
	font-weight: bold;
	color: #ffffff;
}

.ParentNodeStyle 
{
    background:yellow;
}
 

a.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:2px 0 2px 3px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul {
	margin:0;
	padding:0;
	}

li
{
	list-style: none;
	padding: .2em 0 .2em 1em;
	margin-left: 0.4em;
}

#list
{
	list-style: none;
	background: url(../../images/list-bullet-01.gif) no-repeat 0 .8em;
	padding: .2em 0 .2em 1em;
	margin-left: 0.4em;
}

ul.list-of-links {
	border-bottom:1px dotted #B2B2B2;
}

#content-side1-three-column ul.list-of-links,
#content-side2-three-column ul.list-of-links {
	margin: 0 0 30px 0px;
}

ul.list-of-links li{
	border-top:1px dotted #B2B2B2;
	background-image:url(../../images/list-bullet-01-link.gif);
}

ul.list-of-links li.current {
	background-color:#E5E5E5;
}


ul.no-lines,
ul.no-lines li {
	border:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER - This was the old footer settings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#footer
{
	background: #608fc8 url(../../images/bg-nav.png) bottom left no-repeat;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	width: 987px;
	padding: .8em 0 1em 20px;
	position: static;
	color: #d3d3d3;
	font-size: 1.2em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-top-color: #666666;
	z-index: 113;
	right: 0px;
	left: 0px;
	top: -14px;
	background-color: #000000;
}

#footer div {
	background:#4b6cb5 url(../../images/bg-nav-side.png) bottom right no-repeat;
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover
{
	color: #D4E7F8;
	text-decoration: none;
	background-color: #ff3300;
}

#footer a:active
{
	color: #000099;
	font-weight: bold;
}
*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
	margin-top:1.0em;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	text-align:center;
	padding:.1em 0 2em 0;
	position:relative;
	font-size:1.0em;
	color:#999999;
	}

#footer-sub ul {
	margin:0;
	padding:0;
	}
	
#footer-sub li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#footer-sub a:link
{
	text-decoration: underline;
	color: #999999;
}
#footer-sub a:visited
{
	text-decoration:none;
	color: #cc6600;
}

#footer-sub a:hover
{
	color: #666666;
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
}

.arrow {
	vertical-align:middle;
	}

input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}

input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}

.clear {
	clear:both;
	}

.none {
    display:none;
}
.Side-Panel
{
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}

/* LABEL ALIGNMENT: For FormView above the RadGrid */

.rightlabel{text-align: right; color: #0000ff; font-weight:bold}

/* LABEL FOR FORMVIEW CONTENT PAGE VIEW */

.labelpageview
{
	width: 100%;
	height: 100%;
}
/*CMS Header for each Page Editor*/
.CMS-Header
{
	width: 100%;
	position: static;
	height: 34px;
	background-color: #dcdcdc;
	font-size: 12pt;
	font-weight: bold;
}

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