﻿#Container {
	position: relative;
	width: 800px;
	background-color: #FFFFFF;
}

/* ----------------------------- Login Control ---------------------------- */
#SignInMyAccount{
	position: relative;
	width: 100%;
	font-size: x-small;
	font-weight: bold;
	text-align: right;
	/* margin-top: 75px; */
}


/* Additions 10/11/07 */
/* All Label Controls on All Forms get this when Validation fails: */
.lblError
{
	color:Red;
}
/* Result Message Control ErrorMessage Color: */
.resultMessageLblFail
{
		color:Red;
}
/* All Prepeater Controls on All Forms get this for the Repeter heading: */
.rptHeader
{
	background-color:Silver;
}



/* ---------------------------------------------------------- COLUMN LAYOUT */
/* ----------------------------- COLUMN LAYOUT ---------------------------- */

/* ----------------------------------------------------------- COLUMN LAYOUT */
/* ------------------------------------------ COLUMN CENTER HEADER ---------- */
#Hdr{
	position: relative;
	left: 0px;
	top: 0px;
	width: 800px;
	height:91px;
}
#HdrLeft{
	top: 0px;
	left: 0px;
	position: absolute;
	width:288px;
	font-weight: bold;
	font-size: x-small;
	text-align: left;
	padding-left:6px;
}
#HdrRight{
	position: relative;
	top:0px;
	left:290px;
	width:510px;
	font-weight: bold;
	text-align: right;
	font-size: x-small;
	padding-top:2px;
}
#CodeQwikCorporateMenu{
	padding-bottom: 5px;
}
#NeedHelp{
	padding-bottom: 5px;
}
#LogoTagLine{
	position: absolute;
	left: 0px; 
	top: 34px; 
	width:505px;
	padding-left: 5px;
	height: 24px; 
	padding-top: 5px;
	
	/* background-color:	#146798; 
	background-color:	CornflowerBlue;
	background-color:	RoyalBlue;
	*/
	background-color:	SteelBlue;
	text-align: left;
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: white;
	z-index: 100;
	line-height:20px;
}
#LoginControl
{
	position:absolute;
	top:65px;
	right:0;
	width:510px;
	z-index: 101;
}


#NavMain {
	padding:0;
	padding-left:135px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FC506F;	
	background-color:#F2F2F2;
}

* html #NavMain tr {height:1.4em;}

#NavMain .item {
	padding:3px 3px;
	border-width:1px 0 0 2px; 
	border-style:solid; 
	border-color:#FFFFFF;
	background-color:#DADADA; 
	color:#333333; 
	font-weight:normal;
	font-style:italic;
}

* html #NavMain .item {padding:0 20px;}

#NavMain .selected {
	background-color:#FF9900; 
	color:#FFFFFF;
}
#NavMain .hover {
	color:#FF284E; 
	background-color:#DADADA;
}

#NavMain table {border-right:1px solid #FFFFFF;}

#NavMain table table {border-right:none;}


#BrdCrmb {
	padding:0 135px;
	background-color:#F2F2F2;
}


#Bdy 
{
	position:relative;
	height: 800px;
}

#BdyLCol
{
	position:absolute;
	top:0;
	left:0;
	width: 135px;
	height: 800px;
	padding: 0px;
	background-color:#F2F2F2;
}


#NavSub {
	overflow:hidden;
	width:130px;
	padding-left:3px;
	padding-right:2px;
}

* html #NavSub tr {height:1.4em;}

#NavSub .item {
	border-bottom:1px solid #FFFFFF;
	background-color:#E4E4E4; 
	/* color:#333333;  */
	font-style:italic;
	color:SteelBlue;
	font-weight:normal;
	font-size:8pt;
}

* html #NavSub .item {padding:0 20px;}

#NavSub .selected {
	background-color:#FF9900; 
	color:#FFFFFF;
}
#NavSub .hover {
	color:#FF284E; 
	background-color:#E4E4E4;
}

#NavSub table {border-bottom:1px solid #FFFFFF;}

#NavSub table table {border-bottom:none;}

.panErrorLabel
{
	position:relative;
	padding:5px;
}

#Msg 
{
	padding: 0px;
}


#BdyRCol
{
	position:absolute;
	top:0px;
	left:135px;
	width:665px;
	height: 800px;
	padding: 0px;
}
.SectionName
{
	position:relative;
	top:0px;
	left:0px;
	height:20px;
	width:660px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  background-color: #818689;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

#Search 
{
	padding: 0px 0px 0px 5px;
	font-size:80%;
}
	
#BdyMain
{
}


/* ----------------------------------------------------------- COLUMN LAYOUT */
.BodyColumnContainer
{
	position: relative;
	top:0px;
	left:0px;
	width:665px;
	font-family:Tahoma; /* Verdana */
	font-size:8pt;
}

/* -- 1 Column Layout -------------------------------------------------- */
.Body1Column
{
	position: absolute;
	top: 0px;
	left:0px;
	width:665px;
	margin-top:10px;
	margin-left:10px;
}

/* -- 3 Column Layout -------------------------------------------------- */
.Body3ColumnLeft
{
	position: absolute;
	top: 0px;
	left:0px;
	width:200px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.Body3ColumnCenter
{
	position: absolute;
	top: 0px;
	left:221px;
	width:200px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-left-style:dotted;
	border-left-width:1px;
}
.Body3ColumnRight
{
	position: absolute;
	top: 0px;
	left:442px;
	width:200px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-left-style:dotted;
	border-left-width:1px;
}

/* -- 2 Column Layout -------------------------------------------------- */
.Body2ColumnLeft
{
	position: absolute;
	top: 0px;
	left:0px;
	width:310px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.Body2ColumnRight
{
	position: absolute;
	top:0px;
	left:331px;
	width:310px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-left-style:dotted;
	border-left-width:1px;
}


/* -- Column Layout -------------------------------------------------- */
.BodyColumnHeading
{
	font-family:Verdana;
	font-size:12pt;
	font-weight:bold;
	color:SteelBlue;
	text-align:center;
	padding-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Grey;
}
.BodyColumnSubHeading1
{
	font-size:10pt;
	color:SteelBlue;
	font-weight:bold;
	padding-top:10px;
}
.BodyColumnSubHeading2
{
	font-size:8px;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;
}
.BodyColumnText
{
	color:Black;
	font-size:small;
	font-weight:normal;
	padding-top:10px;
}


#ActionRoles th 
{
	padding:10px;
	color:Black;
	background-color:LightGrey;
}

.Home a {	
	color:Red;
	/* color: DarkGrey;	*/
	/* color: #006400;	 */
	text-decoration:underline;
	/* text-decoration: none; */
}

.Home a:link	{
	text-decoration: underline;
	color:Red;
}	
.Home a:visited	{
	/* text-decoration: none; */
	/* color: #83C862; */
	text-decoration:underline;
	color:Red;
}	
.Home a:active	{	
	/* text-decoration: none; */
	text-decoration:underline;
	color:Red;
}	
.Home a:hover	{	
	/* text-decoration: underline; */
	text-decoration:underline;
	color:Red;
}










/* ----------------------------------------------------------- CLASS DEFINITIONS */
/* ----------------------------------------------------------------------------- */

	
.highlight {
	background-color: #fefbd2;
	color: #000080;
}


	
























































#ContainerInner {
}

/* ---------------------------------------------------------- COLUMN LAYOUT */
/* ----------------------------- COLUMN LEFT ------------------------------ */
#ColumnLeft{
    width: 500px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 100000;
}
#ColumnLeftPd {
	padding-left:6px; 
	padding-top:6px; 
}
#LeftEditableRegion{
	position: relative;
	width: 100%;
	font-size: small;
}
#StuffToLeftOfCenter1 {
	/* min-height: 102px; */
	font-size: x-small;
}
#StuffToLeftOfCenter2 {
	min-height: 200px;
	font-size: medium;
}






























#MenuLeftCustomer {
	font-size: small;
	font-weight: bold;
	color: #006400;
	background-color: #FFCB2D;
	border-color: #006400;
	border-style: ridge;
	border-width: thin;
}
#MenuLeftCustomer ul {
	padding: 18px 0px 10px 0px;
	margin: 0px;
}
#MenuLeftCustomer li {
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 8px;
	margin-right: 8px;
}



/* ----------------------------------------------------------- COLUMN LAYOUT */
/* ------------------------------ COLUMN CENTER ---------------------------- */
#ColumnCenter {
    /* height: 250px; */
    min-height: 250px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 185px;  /* This helps set the width of the Right Column */
    margin-left: 185px;   /* This helps set the width of the Left Column */
    z-index: 1;
}
#ColumnCenterPd {
padding-top:5px;
}


/* ----------------------------------------------------------- COLUMN LAYOUT */
/* ------------------------------ CENTER COLUMN EDITABLE REGION -------------*/
#CenterEditableRegionContainer{
	position: relative;
	width: 100%;
	font-size: small;
	z-index:99;	
}

#CenterEditableRegionContainerPd{
	padding: 8px; 
}

#CenterEditableRegion{
	position: relative;
	width: 100%;
	font-size: small;
}

#CenterColumnCenterFooter {
	position: relative;
	width: 100%;
	background-color: #006400;
	color:white;
	height:10px;
}



/* ----------------------------------------------------------- COLUMN LAYOUT */
/* ------------------------------ COLUMN RIGHT ----------------------------- */
#ColumnRight {
    width: 185px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
#ColumnRightPd {
	position:relative;
	padding-top:6px; 
	padding-left:6px; 
}

#StuffToRightOfCenter1 {
	/* min-height:102px;  I am using Margin-top in the SignInMyAccount tag for this spacing*/
	font-size:xx-small;
}

#StuffToRightOfCenter2 {
	min-height: 200px;
	font-size: xx-small;
}
#RightSideBar2 {
	padding: 5px;
	background-color: #FFE495;
	border-color: white #808000 #808000 white;
	border-style: solid;
	border-width: 0 thin thin 0;
	text-align: center; 
	/* width: 120px; */
	min-height:137px;
	/* height: 137px; */
}

/* ----------------------------------------------------------- COLUMN LAYOUT */
/* ------------------------------ FOOTER ----------------------------------- */
#clearColumns {
	position: relative;
	width: 0%;
	height: 10px;
	clear: both;
}

#Footer {
	position: relative;
	width: 100%;
	background-color: White;
	color:#006400;
	font-size: x-small;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}
#FooterPd {
	padding-left:6px; 
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
}

#FooterPd {
	padding-left:6px; 
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
}





/*
#clearAll {
	position: relative;
	width: 100%;
	background-color: #000000;
	height: 0px;
	clear: both;
}
*/



/* ============================================================================== ercbContainers */ 
#ercbContainer {
	position: relative;
	width: 100%;
	/* background-color: #FFFFFF; */
}
#ercbContainerPd {
	/* padding:5px; */
}
#ercbHead{
    width: 100%; 
    position: relative; 
    top: 0px; 
}
#ercbHeadPd{
	/* padding:5px; */
}
#ercbClearHead{
    width: 100%; 
    position: relative; 
    clear:both;
}
#ercb2Col{
	position: relative;
	width: 100%;
	/* background-color: #FFFFFF; */
}
#ercb2ColPd{
	/* padding:5px; */
}
#ercbLeftCol{
    width: 50%; 
    position: relative; 
    top: 0px; 
    left: 0px; 
    float:left;
}
#ercbLeftColPd{
	/* padding:5px; */
}
#ercbRightCol{
    width: 50%; 
    position: absolute; 
    top: 0px; 
    right: 0px; 
    float:right;
}
#ercbRightColPd{
	/* padding:5px; */
}
#clear-clear-ercb2Col{
    width: 100%; 
    position: relative; 
    clear:both;
}
#ercbFooter{
	position: relative;
	width: 100%;
	/* background-color: #FFFFFF; */
}
#ercbFooterPd{
	/* padding:5px; */
}
#clear-ercbContainer {
    width: 100%; 
    position: relative; 
    clear:both;
}
	
	
.span a {	
	/* color: #006400;	*/
	/* text-decoration:underline;  */
	/* text-decoration: none; */
}
.span a:visited	{
	/* text-decoration: none; */
	color:inherit;
}	
.span a:active	{	
	/* text-decoration: none; */
	color:inherit;
}	
.span a:hover	{	
	/* text-decoration: underline; */
	color:inherit;
}

a {	
	color:#FF9900;
	font-weight:bold;
	font-style:italic;
	/* color: DarkGrey;	*/
	/* color: #006400;	 */
	/* text-decoration: none; */
}

a:link	{
	color:#FF9900;
	font-weight:bold;
	font-style:italic;
}	
a:visited	{
	/* text-decoration: none; */
	/* color: #83C862; */
	color:#FF9900;
	font-weight:bold;
	font-style:italic;
}	
a:active	{	
	/* text-decoration: none; */
	color:#FF9900;
	font-weight:bold;
	font-style:italic;
}	
a:hover	{	
	/* text-decoration: underline; */
	color:Red;
	font-weight:bold;
	font-style:italic;
}


body 
{
	font-family:Verdana;
	font-size:small;
	margin: 0;
}
	
h1 {
font-size:150%;
}
h2 {
font-size:130%;
}
h3 {
font-size:110%;
}
ul li {
font-size:90%;
padding-bottom:4px;
margin-left:-15px;
}
.note {
font-size:85%;
}
h6 {
font-size:150%;
}


.clear {
	position:relative;
	clear:both;
	width:100%;
}

.small {
	font-size:x-small;	
}




.ViewSelector1of5{
	position:absolute; left:0px;   height:18px; width:132px; top:0px; background-color:LightGrey; text-align:center; 
}
.ViewSelector2of5{
	position:absolute; left:134px; height:18px; width:132px; top:0px; background-color:SteelBlue; color:white; text-align:center;
}
.ViewSelector3of5{
	position:absolute; left:268px; height:18px; width:132px; top:0px; background-color:LightGrey; text-align:center;
}
.ViewSelector4of5{
	position:absolute; left:402px; height:18px; width:132px; top:0px; background-color:LightGrey; text-align:center; 
}
.ViewSelector5of5{
	position:absolute; left:536px; height:18px; width:132px; top:0px; background-color:LightGrey; text-align:center;
}

.SearchButton 
{
	right:0px;
}
