/*****************************/
/*		 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;
}

/*****************************/
/*		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;
}

.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;
}

.orderInput
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding: 4px 0px 4px 0px;
	width: 60%;
}

.formText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	padding-right: 5px;
}

.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;
}

/***************************************/
/*			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;
}

.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;
}

.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%;
}

.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;
}

/****************************************/
/*				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;
}