/* Global CSS */ 
body													{ background-color: #FFF; color: #000; text-align: center; padding: 0px; margin: 0px; }

a															{ color: #F58F2C; text-decoration: none; }
a:hover												{ color: #F58F2C; }

.cGlobalContainer							{ position: relative; clear: both; margin-left: auto; margin-right: auto; width: 925px; text-align: left; min-height: 500px; background-image: url(/images/background_primary.gif); background-repeat: repeat-y; }
.cGlobalHeader								{ position: relative; height: 96px; padding-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #636466; margin-left: 24px; margin-right: 21px; }
.cGlobalNavigation						{ position: relative; height: 42px; background-image: url(/images/background_navigation.gif); background-repeat: no-repeat; margin-left: 24px; margin-right: 21px; z-index:100; }
.cGlobalBody									{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #636466; margin-left: 24px; margin-right: 21px; padding-bottom: 120px; }
.cGlobalFooter								{ position: relative; clear: both; margin-left: auto; margin-right: auto; width: 925px; text-align: right; }

.cHeaderLogo									{ position: absolute; top: 5px; } 

.cFooter											{ padding-right: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #505050; }

.cNavigationPrimaryLink				{ display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7D8600; text-decoration: none; width:116px; min-width:116px; }


.cNavigationPrimaryLink:hover	{ display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; background-color: #f9A451; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-decoration: none; }

.cHeaderSecondary							{ border-left: solid 1px #C3CF21; border-right: solid 1px #C3CF21; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; }
.cHeaderSecondaryPlus					{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #F79536; font-weight: bold; }
.cHeaderSecondaryLink					{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #505050; text-decoration: none; }
.cHeaderSecondaryLink:hover		{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; }

.cPageHeader									{ margin-top: 49px; margin-bottom: 24px; }

.cContentHeader								{ font-weight: bold; color: #555; font-size: 16px; }
.cContentTitle								{ color: #F58F2C; font-size: 14px; }
.cContentTitle2								{ color: #F58F2C; font-size: 14px; margin-bottom: 5px; }
.cContentBody									{ padding-bottom: 14px; }
.cContentLeft										{ padding-left: 12px; }
.cContentBodyNews							{ padding-top: 10px; padding-bottom: 10px; border-top: 1px dashed #DDD; }
.cContentImage								{ background-color: #ebefba; padding: 6px; margin-bottom: 10px; }

.c168													{ float: left; width: 168px; }
.c346													{ float: left; width: 346px; }
.c524													{ float: left; width: 524px; }
.c702													{ float: left; width: 702px; }
.c880													{ clear: both; width: 880px; }
.cGutter											{ float: left; width: 10px; }
.cClear												{ clear: both; max-height: 1px; height: 1px; font-size: 1px; }

.cHomeSplash									{ margin-left: 10px; height:407px; overflow:hidden; z-index:50; }

ul#splash {
list-style:none;
margin:0;
padding:0;
height:407px;
position:relative;
z-index:0;

}
ul#splash img {
border:0;
z-index:0;

}


.cSignup											{ font-size: 10px; color: #333333; }

.cLentiDesignBlock						{ background-color: #F5F8D3; font-size: 11px; }
.cLentiDesignContentBlock			{ padding: 0px 6px; margin-bottom: 6px; }
.cLentiDesignFormBlock				{ color: #000; padding: 6px; font-size: 11px;  }
.cLentiDesignClear						{ clear: both; height: 2px; max-height: 2px; background-color: #EAEFAE; border-top: 1px solid #C8D23F; font-size: 1px; }
.cLentiDesignPrice						{ background-color: #EAEAEA; text-align: right; padding: 10px 6px; }
.cLentiDesignPriceDisplay			{ color: #000; font-weight: bold; }
.cLentiDesignRequired					{ color: #6B7210; font-style: italic; }

.cLentiDesignProcessDone			{ display: block; height: 36px; width: 132px; padding-top: 4px; padding-left: 6px; padding-right: 30px; color: #000; background-image: url(/images/lentidesign_process_done.gif); background-repeat: no-repeat; text-decoration: none; }
.cLentiDesignProcessWork			{ display: block; height: 36px; width: 132px; padding-top: 4px; padding-left: 6px; padding-right: 30px; color: #FFF; background-image: url(/images/lentidesign_process_work.gif); background-repeat: no-repeat; text-decoration: none; }
.cLentiDesignProcessEmpty			{ display: block; height: 36px; width: 132px; padding-top: 4px; padding-left: 6px; padding-right: 30px; color: #000; background-image: url(/images/lentidesign_process_empty.gif); background-repeat: no-repeat; text-decoration: none; }

.cLentiDesignContentWork			{ padding: 6px; background-color: #F58F2C; }

.cLentiDesignOptional					{ color: #000; font-weight: bold; text-transform: uppercase; }
.cLentiDesignDivider					{ color: #CCD64B; }
.cLentiDesignTitle						{ color: #000; font-weight: bold; }
.cLentiDesignHeader						{ margin-bottom: 4px; }



form													{ display: inline; }
.cFormButtonGreen							{ height: 22px; color: #383c05; font-family: Tahoma, sans-serif; font-size: 11px; background-color: #ecec9c; border: 1px solid #aeb259; text-align: center; }
.cFormButtonGreen[disabled]					{ color: gray; }

.cFormButtonGrey							{ height: 22px; color: #000; font-family: Tahoma, sans-serif; font-size: 11px; background-color: #efefef; border: 1px solid #c7c7c7; text-align: center; }
.cFormButtonGrey[disabled]					{ color: gray; }

.cFormButton									{ height: 22px; color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 12px; background-color: #444444; border: 1px solid #666666; padding-left: 4px; padding-right: 4px; }
.cFormField										{ font-family: Arial, Helvetica, sans-serif; font-size: 11px;  }
.cFormTextArea								{ font-family: monospace, Arial, Helvetica, sans-serif; font-size: 11px;  }
.cFormFieldRead								{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EEE; }
.cFormTextAreaRead						{ font-family: monospace, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EEE; }


ol.cLentidesign								{ padding-left: 18px; margin-left: 4px; margin-bottom: 2px; }
ul.cLentidesignSub						{ padding-left: 18px; margin-left: 4px; margin-top: 2px; list-style-type: square; }
li														{ margin-bottom: 6px; }


/* Stuff to preserve */

.cTextTiny {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 9px;
}

.cTextTinyGray {
   color: #999999;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 9px;
}

.cAccountBlock { 
   background-color: #F5F8D3; 
   padding: 6px;
   border: 1px solid #C8D23F; 
}

.cAccountBlock TD {
	padding-top:4px;
	padding-bottom:4px;
}

.cLentiDesignProcessDoneWork { 
   display: block; 
   height: 36px; 
   width: 132px; 
   padding-top: 4px; 
   padding-left: 6px; 
   padding-right: 30px; 
   color: #FFF; 
   background-image: url(/images/lentidesign_process_donework.gif); 
   background-repeat: no-repeat; 
   text-decoration: none; 
}

.cLentiDesignVectorName { 
   background-color: #EAEAEA; 
   text-align: left; 
   padding: 10px 6px; 
}

.newUserPrompt {
	padding-top: 14px;
	padding-left: 6px;
}

td {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #636466; 
}

/* Error styles generated by Ruby scaffolding */

.fieldWithErrors {
   display: inline;
}

.errorBox {
   border: 4px solid #f60000;
   background-color: #f0f0f0;
}

#errorExplanation {
   width: 400px;
   border: 2px solid #f6892F;
   padding-top: 7px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 12px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
}

#NoticeField {
   width: 400px;
   border: 2px solid #f6892F;
   padding-top: 7px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 12px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
}

#errorExplanation h2 {
   text-align: left;
   font-weight: bold;
   padding: 5px 5px 5px 15px;
   font-size: 12px;
   margin: -7px;
   background-color: #f6892F;
   color: #fff;
}

#errorExplanation p {
   color: #333;
   margin-bottom: 0;
   padding: 5px;
}

/* Styles used for the dropdown menu */

.menuOuter {
	background-color: #F5F8D3;
	width:136px;
	min-width:136px;
}



.menuInner {
	border-left: solid 1px #DFE587;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

#menu1Content .menuInner {
	border-left: none;
}

.menuFooter {
	height: 6px;
	font-size: 1px;
}

/**
  This is used as the main container on the "how to order"
  and "stock products" pages.
**/
.cContentOrderBlock {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 17px;
}

/**
  The jTable styles are used on the stock vector order page: /research/ready
**/
.jTable {
	border-collapse:collapse;
}

.jTableProductRow TD {
	border:1px solid #d1d3d4;
}

.jTableProductFooter TD {
	padding-top:10px;
}

.jTable TH {
	background: #ffffff;
	color: #F79536;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
}

.jTable-pseudoTH {
	background: #ffffff;
	color: #F79536;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
}



.jTableGreen {
	background: #f7f9e7;
}

.jTableOrange {
	background: #fef0df;
}

.jTableWhite {
	background: #ffffff;
}

.jNoVectors {
   color:red;
   padding-top:10px;	
}

.cTextSmallGray {
   color: #666666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-left: 12px;
   margin-top: 2px;
   margin-bottom: 4px;
}

.jSuperscript {
	font-size: 11px;
}

.loginOptionsPrompt {
	padding-top:10px;
	padding-bottom:10px;
}

.loginOptionsTable {
	width: 100%;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

.loginOptionsTable TR {
	vertical-align: top;
}

.loginOptionsTable TH {
	font-weight: bold;
	color: #555;
	font-size: 16px;
	padding-bottom:4px;
}
.cThankYouOrderNumber {
	padding-top:10px;
	padding-bottom:6px;
	font-size: 18px;
	font-family: Arial, Serif; color: #C2CD23;
}
.cThankYouOrderHeader {
	color: #F6892F;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
.cThankYouOrderShipMaterial {
   background-color: #F5F8D3; 
   padding: 20px;
   margin: 6px;
   border: 1px solid #C8D23F; 
}
.loginButton {
	margin-top:10px;
	margin-bottom:6px;
}
.loginButton input {
	padding-left:10px;
	padding-right:10px;
}
.cUserWelcomeBack {
    color: #F58F2C;
    font-size: 14px;
    margin-bottom: 5px;
	margin-top: 10px;
	font-weight: bold;
}

.newUserPromptMainScreen {
	padding-top: 1em;
}

.pdf_logo {
	vertical-align:middle;
	padding:5px;
}

/* hide pdf logos on welcome page */
#welcome_body .pdf_logo {
	display:none;
}

/* special handling of pdf logos on news page */
.cContentHeader .pdf_logo {
	display:none;
}

.cContentBodyNews .pdf_logo {
	display:none;
}

.cLentiDesignComponentDisplay {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #C8D23F;
}

.cLentiDesignComponentDisplay PRE {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.cContentHeader A {
  color: #555;
}

.cLoadOldVector {
	padding-top: 20px;
	font-style: italic;
}

.lentiFlashNoice {
   width: 400px;
   border: 2px solid #f6892F;
   padding-top: 7px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 12px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
}

.lentiFlashError {
   width: 400px;
   border: 2px solid #f6892F;
   padding-top: 7px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 12px;
   margin-bottom: 20px;
   background-color: #f0f0f0;
}

.faqIndex {
  padding-top:10px;
  padding-bottom:40px;
}

.faqIndexQuestion {
  padding-bottom: 0.5em;
}

div.left {float:left; clear:none; padding-right:2em; padding-bottom:1em;}
div.right {float:right; clear:none; padding-left:2em; padding-bottom:1em;}
div.partner {float:left; clear:none; padding-right:2em; width:200px; padding-bottom:1em;}
