﻿/*****************************/
/*		 PAGE CONTENT		 */
/*****************************/
body 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	line-height: 12pt;
}

input
{
	font-size: 9pt;
}

option
{
	font-size: 9pt;
}

.pageTitle
{
	padding-top: 15px;
	padding-left: 25px;
	font-size: 12pt;
	font-weight: bold;
	color: #0D0E66;
}

.pageTitle2
{
	padding-left: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #0D0E66;
}

.subPageTitle
{
	font-size: 10pt;
	font-weight: bold;
	color: #0D0E66;
}

.subPageText
{
	padding: 5px 0px 10px 0px;
}

.pageCaption
{
	padding-top: 8px;
	padding-left: 25px;
	font-size: 10pt;
	font-weight: bold;
	color: #4D4E98;
}

.pageText
{
	padding-top: 15px;
	padding-left: 25px;
}

.pageText8pt
{
	padding-top: 15px;
	padding-left: 25px;
	font-size: 8pt;
}

.pageText2
{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
}

.subPageText
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.divLink
{
	cursor: hand;
	color: Blue;
	font-size: 8pt;
}

.hr 
{
 background: url(/images/hrGradient.gif) no-repeat right;
 width: 88%;
 height: 5px;
 margin: 0px 40px 0px 10px;
}

.hr hr 
{
 display: none;
}

.prodHeader {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
}

.prodItem {
	vertical-align: top;
	padding-right: 25px;
	padding-top: 10px;
	white-space: nowrap;
	border-bottom: 1px solid #999999;
}

.prodText {
	width: 300px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
}

.prodPrice {
	padding-top: 10px;
	font-size: 9pt;
	vertical-align: top;
	border-bottom: 1px solid #999999;
}

.tableRowBlackBorder
{
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
}

/*****************************/
/*		NAVIGATION			 */
/*****************************/
.topMenu
{
	background-color: #A9BBD6;
}

.topMenuSpace
{
	background-color: #A9BBD6;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 100%;
}

.topMenuItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	padding-left: 12px;
	padding-right: 12px;
	white-space: nowrap;
	vertical-align: middle;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}

.topMenuItem a
{
	color: #484255;
	text-decoration: none;
}

.topMenuSeparator
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.topMenuSelectedItem
{
	white-space: nowrap;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	background-image: url(/images/global_nav_active.gif);
	border: none;
}

.topMenuSelectedItem a
{
	color: Black;
	text-decoration: none;
}

.subMenu
{
	padding-left: 25px;
	font-size: 8pt;
	background-image: url(/images/sub_nav_background.gif);
	height: 20px;
	border-bottom: 1px solid #999999;
}

.subMenuItem
{
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
}

.subMenuItem a
{
	color: #50495F;
	text-decoration: none;
}

.subMenuItem a:hover
{
	text-decoration: underline;
}


/****************************/
/*			FOOTER			*/
/****************************/
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

.smallLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	padding-left: 2px;
	padding-right: 2px;
}

/*********************************/
/*			FRONT PAGE			 */
/*********************************/

.login
{
	height: 186px;
	background-color: #EBEBE2;
	border-right: 1px solid #999999;
}

.loginHeader
{	
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(/images/login_header.gif);
	color: #82717D;
}

.loginItem
{
	padding-left: 10px;
	padding-right: 5px;
}

.loginItem a
{
	color: #707070;
	font-size: 8pt;
}

.loginValue
{
	padding-right: 15px;
	padding-top: 2px;
}

.acctHeader
{
	color: #4363BB;
	font-weight: bold;
	padding-left: 15px;
	white-space: nowrap;
}

.acctItem
{
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 10px;	
}

.acctItem a
{
	font-weight: bold;
	color: #707070;
}

.fpSectionHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	padding-top: 10px;
	padding-bottom: 8px;
}

.fpDot {
	padding-left: 10px;
	padding-top: 7px;
}

.fpSecLink {
	padding-top: 7px;
}

.fpSecLink a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6F3260;
}

.fpSecLink a:hover {
	text-decoration: underline;
}

.fpDivide 
{
	height: 18px;
	background-image: url(/images/middle_header.gif);
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background: url(/images/sub_nav_bg.gif);
	color: black;
	height: 20px;
	border: 1px solid #999999;
	cursor: hand;
}

/****************************************/
/*				PLACE ORDER				*/
/****************************************/
.orderHeader
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #333333;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #9D958A;
	height: 25px;
}

.orderSideBar
{
	width: 190px;
	height: 100%;
	vertical-align: top;
	background-color: #EFEFE9;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

.orderSideBarTitle
{
	padding-top: 15px;
	padding-left: 15px;
	color: #505585;
	font-weight: bold;
	padding-bottom: 5px;
	
}

.orderSideBarLink
{
	border-bottom: 1px solid #CCCCCC;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 132px;
}

.orderSideBarLink a
{
	text-decoration: none;
	color: #555555;
}

.sideBarShadow
{
	background-image: url('/images/tanshadow.gif');
	width: 165px;
	height: 34px;
}

.orderSideBarActiveLink
{
	position: relative;
	background-color: #DCE0E9;
	border: 1px solid #999999;
	border-left: none;
	padding-left: 30px;
	padding-top: 5px;
	width: 130px;
	height: 22px;
}

.orderSideBarActiveLink a
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.orderBody
{
	padding-left: 25px;
	padding-bottom: 10px;
	padding-right: 25px;
}

.orderCheckItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	padding-left: 25px;
}

.orderItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 8px 10px 4px 10px;
	width: 40%;
	white-space: nowrap;
	vertical-align: top;
}

.orderItem1
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 8px 10px 4px 10px;
	white-space: nowrap;
	vertical-align: top;
}

.orderItemReq
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: Navy;
	padding: 8px 10px 4px 10px;
	width: 40%;
	white-space: nowrap;
	vertical-align: top;
}

.orderItemReq1
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: Navy;
	padding: 8px 10px 4px 10px;
	white-space: nowrap;
	vertical-align: top;
}

.orderInput
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding: 4px 0px 4px 0px;
	width: 60%;
}

.orderInput1
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding: 4px 0px 4px 0px;
}

.formText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding-right: 5px;
}

.formTextBold
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 5px;
}

.formChkList input
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding-right: 5px;
	margin-left: -20px;
}

.formChkList td
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding-right: 5px;
	padding-left:20px;
}

.orderPageTitle
{
	font-size: 10pt;
	font-weight: bold;
	color: #0D0E66;
}

.orderPageText
{
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 8pt;
}

/***************************************/
/*		   VIEW/UPDATE ORDER		   */
/***************************************/

.detailTable
{
	width: 225px;
	font-size: 8pt;
	background-image: url(/images/vieworder_purpgrad_left.jpg);
	background-repeat: repeat-y;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.detailTable .hr 
{
	width: 199px;
	background: url(/images/vieworder_hr_left.gif) no-repeat right;
	height: 2px;
}

.detailTableHr .hr hr 
{
	display: none;
}

.detailGroupHeader
{
	background: url(/images/vieworder_detailgroup.gif) repeat-x right;
	padding: 3px 10px 3px 10px;
	width: 100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #AAAAAA;
}

.detailGroupItem
{
	padding: 3px 5px 3px 10px;
}

.detailGroupValue
{
}

.orderLabel
{
	font-size: 8pt;
	width: 60%;
	padding: 8px 10px 4px 10px;
}

/***************************************/
/*		 	 PRINTORDER		 	       */
/***************************************/
.printItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 7pt;
	font-weight: bold;
	padding: 8px 5px 4px 10px;
	white-space: nowrap;
	vertical-align: top;
}

.printInput
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 7pt;
	padding: 4px 0px 4px 0px;
}

.printItemNoPad
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 7pt;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
}

.printInputNoPad
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 7pt;
}

.printTitle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	padding: 8px 5px 4px 10px;
	white-space: nowrap;
	vertical-align: top;
	width: 12%;
}


/***************************************/
/*			SIDE NAVIGATION			   */
/***************************************/
.navTable 
{
	height: 100%;
	
}
.navTable td#navGrad 
{
	background-image: url(/images/navgrad.jpg)
}
.navTable td#navContent
{
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 100%;	
	vertical-align: top;
}

.navTreeParent
{
	color: Black;
}

.stdButton
{
	cursor: hand;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px #000000;
	background-color: #B6CEF8;
}

/**************************************/
/*			USER REGISTRATION		  */
/**************************************/

.regTitle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #625A74;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

.regItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #625A74;
	background-color: #F0EEEF;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #FFFFFF;
}

.regValue
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	background-color: #F0EEEF;
	border-bottom: 1px solid #FFFFFF;
	height: 40px;
	vertical-align: middle;
	white-space: nowrap;
	padding-right: 5px;
}

.regText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}

.regInfoTable
{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #F0F0E9;
}

.regInfoHeader
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	color: #625A74;
	padding-left: 10px;
	padding-right: 10px;
}

.regInfoList
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	color: #625A74;
	padding-right: 10px;
}

.regInfoList ul li
{
	margin: 12px;	
}

.legalese
{
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
	color: black;
	font-size: 8pt;
	background-color: White;
	font-weight: normal;
	padding-top: 10px;	
	padding-bottom: 15px;
}

.legalese a
{
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
	color: blue;
	font-size: 8pt;
	background-color: White;
	font-weight: normal;
	padding-top: 10px;	
	padding-bottom: 15px;
	text-decoration: none;
}



/***************************************/
/*				 GRID				   */
/***************************************/

.gridViewTitle
{
	border-bottom: solid 1px #666666;
	background-color: #ACA899;
	height: 30px;
	color: White;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	padding-left: 5px;
}

.grid
{
	width: 100%;
	font-family: Verdana, Arial, Sans-Serif;
}

.gridHeader td
{
	border-bottom: #666666;
	border-right: #CCCCCC;
	background-color: #ECE9D8;
	padding: 3px 20px 3px 5px;
	font-size: 8pt;
	font-weight: bold;
}

.gridHeaderList
{
	height: 25px;
	font-size: 8pt;
}

.gridHeader a
{
	white-space: nowrap;
	text-decoration: none;
	color: Black;
}

.gridHeader a:hover
{
	color: blue;
}

.gridItem td
{
	vertical-align: top;
	border-right: none;
	border-left: none;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	font-size: 8pt;
	white-space: nowrap;
}

.gridAltItem td
{
	vertical-align: top;
	border-right: none;
	border-left: none;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	font-size: 8pt;
}

.gridSelectedItem
{
}

.gridFooter
{

}

.gridFilter td.filterItem
{
	white-space: nowrap;
	padding: 5px;
	border-bottom: 1px solid #000000;
	font-size: 8pt;
}

.gridFilter td.filterInput
{
	white-space: nowrap;
	padding: 5px 20px 5px 0px;
	border-bottom: 1px solid #000000;
	font-size: 8pt;
}

/************************************/
/*				PANEL				*/
/************************************/
.panel
{
	background-color: #F5F5F1;
	border: 1px solid #CCCCCC;
	padding-bottom: 5px;
}

.panelNoPad
{
	background-color: #F5F5F1;
	border: 1px solid #CCCCCC;
}

.panelWhiteBG
{
	border: 1px solid #CCCCCC;
	padding-bottom: 5px;
}

.panelHeader
{
	background-color: #DDDBE3;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 100%;
}

.panelHeader1
{
	background-color: #DDDBE3;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.panelGrid
{
	padding: 5px;
}

.panelGridHeader td
{
	background-color: #ECE9D8;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
	white-space: nowrap;
}

.panelGridItem td
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	vertical-align: top;
	font-size: 8pt;
}

.panelGridItemHover td
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	background-color: #E1ECE3;
	cursor: hand;
	font-size: 8pt;
}

.panelGridSelectedItem
{
	background-color: #E1ECE3;
}

.panelGridSelectedItem td
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	white-space: nowrap;
}

.panelButton
{
	background-color: #DBDBCC;
	border: 1px solid #333333;
	cursor: hand;
}

.panelCommentGridItem td
{
	font-size: 8pt;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}

.panelCommentGridItemNoBorder td
{
	font-size: 8pt;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

/****************************************/
/*				DOC UPLOAD				*/
/****************************************/

#header 
{ 
	font-size: 120%; 
	font-weight: bold; 
	border: 1px solid #e0e0e0; 
	background: #f0f0f0; 
	padding:.25em .5em .25em .5em; 
}

#statusMessage { color: blue }

#progressDisplay { display:none }

#uploadSuccess {display:none}

#uploadErrored {display:none}

#resetButton {display:none}

#progressDisplayTable {display:none;font-size:80%}

#progressContainer
{
	border:solid 1px #008000;
	height:20px;
	width:100%;
}
#progressBar
{
	background-color:#00aa00;
	margin:1px;
	height:18px;
	display:block;
}

/****************************************/
/*				WIZARD STEPS			*/
/****************************************/

.wizardStep
{
	padding-top: 5px;
	font-size: 8pt;
	color: #777777;
	text-align: center;
	white-space: nowrap;
	background-image: url(/images/wiz_step_bg.jpg);
	width: 125px;
	height: 30px;
}

a div.wizardStep
{
	color: #777777;
	text-decoration: none;
	cursor: hand;
}

a div.wizardStepActive
{
	color: black;
	text-decoration: none;	
	cursor: hand;
}

.wizardStepActive
{
	padding-top: 5px;
	font-size: 8pt;
	color: black;
	text-align: center;
	white-space: nowrap;
	background-image: url(/images/wiz_active_bg.jpg);
	width: 125px;
	height: 30px;
}

/************************************/
/*				WEBPANEL			*/
/************************************/

.defaultGroup
{
	background-color: #F7F4F5;
	border-bottom: 1px solid #666666;
	padding: 5px 5px 5px 10px;
}

.defaultGroupHeader
{
	height: 30px;
	cursor: hand;
	font-size: 9pt;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding-left: 10px;
	background-color: Transparent;
	background-image: url(/images/grad_default_group.jpg);
	border-bottom: 1px solid #333333;
}

.groupHeader
{
	font-size: 10pt;
	font-weight: bold;
	color: Green;
}

.groupCaption
{
	font-size: 7pt;
}

.groupItem
{
	border-top: 1px solid #DDDDDD;	
	padding-bottom: 2px;
	padding-top: 2px;
}

.groupInput
{
	border-top: 1px solid #DDDDDD;
	padding-left: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}

/************************************/
/*				TABS				*/
/************************************/


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide 
{
	display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabber {}	
.tabberlive {}
.tabShadow
{
	background-image: url(/images/tab_shadow.gif);
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.tabbernav 
{
	font-size: 8pt;
	background-color: #ACA899;
	border-bottom: 1px solid #666666;
}

.tabbernav tbody tr td
{
	height: 26px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #EDEDE4;
	white-space: nowrap;
}

.tabbernav tbody tr td a
{
	text-decoration: none;
	color: Black;
}

.tabbernav tbody tr td a:link { color: black; }
.tabbernav tbody tr td a:visited { color: black; }

.tabbernav tbody tr td.tabberactive 
{
	background-color: #D1CFC0;
}

.tabbernav tbody tr td.tabberactive a { color: white; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab 
{
	border-top: 0;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 
{
	display: none;
}

.tabberlive .tabbertab h3 
{
	display: none;
}

/* If desired, set a height and add a scrollbar */
.tabberlive#tab2 .tabbertab
{
	height: 200px;
	overflow: auto;
}

/************************************
		GRID VIEW
**************************************/

.GridView 
{
	width: 100%; 
	border-left: none; 
	border-right: none; 
	border-top: solid 2px #ccccff; 
	border-bottom: solid 2px #ccccff;
	overflow:scroll;
}

.GridView td 
{ 
	height: 18pt; 
	padding-left: 4px;
	border-left: none; 
	border-right: none; 
	border-top: solid 1px #fcfcfc; 
	border-bottom: solid 1px #e8e8e8 
}
.GridView th 
{ 
	height: 18pt; 
	padding-left: 4px;
	text-align:left; 
	border-left: none; 
	border-right: none; 
	border-bottom: solid 1px #ccccff 
}

.hiddenPanel 
{
	display:none;
}

.visiblePanel 
{
	display:inline;
}

.formBox
{ 
font-family :Tahoma;
font-size :small; 
width : 350px; 
}


/*
----------------------------------------------------------*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.demobutton
{
     background-image: url(/images/menubackgroundselected.jpg);
     background-color: white;
     font-weight: bold;
}

.step
{
    color: #BB9902;
    font-weight: bold;

}

.stepaction
{
    color: #157DEC;
    font-weight: bold;

}

.logoimage
{
    padding-left: 50px;
    padding-bottom: 10px;
    vertical-align: bottom;
    text-align: left;
}

.page
{
    width: 900px;
    border: 50px solid #157DEC;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    font-family: Helvetica, sans-serif;
    font-size: smaller;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 320px;
    width: auto;
}

.pagewholecontent
{
    text-align:left;
    float: left;

    padding-left:10px;
    padding-top: 10px;
}

.pageleftcontent
{
    text-align:left;
    float: left;
    width: 540px;
    padding-left:20px;
    padding-top: 10px;
}

.pagerightimage
{
    text-align:center;
    float: left;
    width: 260px;
    padding-left: 30px;
}

.pagerightcontent
{
    text-align:left;
    float: right;
    width: 260px;
    padding-top: 10px;
}

.subheader
{
    color:#3090C7;
    font-weight: bolder;
    font-size: 1.2em;
}
.footer
{
    color: #4e5766;
    padding: 8px 8px 8px 8px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

div#navbar
{
    height: 30px;
    width: 830px;
    text-align: left;
    background-image: url(/images/menubackground.jpg);
	background-repeat: repeat-x;
	margin-left: 34px;
}

div#navbar ul
{
    margin: 0px;
    padding: 0px;
    font-family: Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}

div#navbar li
{
    margin: 0px;
    list-style-type: none;
    display: inline;
    font-size:larger;
    border-right: 1px solid white;
    font-family: Helvetica, sans-serif;
    font-size: small;
}

#home #nav-home a,
#amctrak #nav-amctrak a,
#products #nav-products a,
#clients #nav-clients a,
#company #nav-company a,
#news #nav-news a
{    
    border-right: 1px solid white;
    position:relative;
    background-image: url(/images/menubackgroundselected.jpg);
    font-family: Helvetica, sans-serif;
    font-size: small;
}

div#navbar li a
{
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}

div#navbar li a:hover
{
    color: Black;
    text-decoration: none;
}

