/*  Secondary-Pages.css  */

/*  This style sheet contains the styles for the following elements:

	Header Tags (h1-h5)
	HR Tags
	Left Column Nav
	1 COLUMN - Central Main Content
	2 COLUMN - Central Main Content
	3 COLUMN - Central Main Content
	Main Features Set
	Media & News Divs
	Partner Directory Divs
	Right Column
	Bulleted Lists
	Quotations
	Standard Entry Form
	Landing Page
	Landing Page Entry Form
	Clear

*/
/* ================================================ */
/*  Standard Aras Colors:

	Aras Red: 		#CC0033
	Aras "Link" Blue: 	#1066CF
	Aras Light Grey: 	#F8F8F8
	Aras Medium Grey:	#E0E0E0
	Aras Dark Grey:		#6C6C6C
	Black:			#000000
	White:			#FFFFFF


*/

/* ================================================ */
/*  Header Tags (h1-h5) */


h1 {
	font-size: 20px;
	display: inline;
	padding-right: 6px;
}
h2 {
	font-size: 20px;
	display: inline;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #6C6C6C;	
}
h3 a {
	text-decoration: none;
	color: #6C6C6C;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #1066CF;
	line-height:2.2em;
	margin: 0;
	padding: 0;
}
h4 a {
	color: #1066CF;
}
h4 a:hover {
	text-decoration:underline;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #6C6C6C;
	line-height:2.2em;
	margin: 0;
	padding: 0;
}
h5 a {
	color: #6C6C6C;
}
h5 a:hover {
	text-decoration:underline;
	color: #1066CF;
}



/* ================================================ */
/* HR Tags */

hr {
	border: 0;
	width: 100%;
	color: #E0E0E0;
	background-color: #E0E0E0;
	height: 1px;
}
hr.dotted {
	height: 0; 
	border-bottom: 1px dotted #E0E0E0; 
}


/* ================================================ */
/*  Left Column Nav  */

div#NavColumn {
	position: relative;
	padding: 20px;
	width: 145px;
	float: left;
	}
div#NavColumnBKG {
	margin-top: 1px;
	padding: 0px;
	background-image: url(http://www.aras.com/plm-images/layout-images/185x1_lightgrey.gif);
	background-repeat: repeat-y;
 
}
div#NavColumnNextSteps {
	height: 100%;
	padding: 15px 0px;
	margin-top: 100px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color: #E0E0E0;
	border-width:1px;
}
div#NavColumnAllText {
	padding: 15px 0px;
	margin-top: 100px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color: #E0E0E0;
	border-width:1px;
	font-size: 12px;
	color: #6C6C6C;
	padding-left: 10px; 
	line-height: 1.3em;
}
ul.nav
{
	font-size: 12px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height:2.2em;
}
li.nav
{
	color: #6C6C6C;
	padding-left: 0px; 
}
li.nav a {
	color: #6C6C6C;
}
li.nav a:hover {
	text-decoration:underline;
	color: #1066CF;
}
li.navsub
{
	font-size: 11px;
	color: #6C6C6C;
	padding-left: 10px; 
	line-height: 2em;
}
li.navsub a {
	color: #6C6C6C;
}
li.navsub a:hover {
	text-decoration:underline;
	color: #1066CF;
}


/* ================================================ */
/*  1 COLUMN - Central Main Content  */

div#MainContentCOL1 {
	padding: 20px;
	line-height:1.3em;
}

/*  2 COLUMN - Central Main Content  */

div#MainContentCOL2 {
	padding: 20px;
	margin-left: 185px;
	line-height:1.3em;
}

/*  3 COLUMN - Central Main Content  */

div#MainContentCOL3 {
	padding: 20px;
	margin: 0px 185px;
	line-height:1.3em;
}


/* ================================================ */
/*  Main Features Set  */

.MainFeaturesSet {
	position: relative;
	left: 0px;
	top:  0px;
	width: 99%;
	font-family: Tahoma, sans-serif;  
	font-size: 10px;
}

.MainFeature {
	left: 0px;
	padding: 10px 0px;
	margin: 4px 0px 5px 2px;
	border-bottom: 1px solid #E0E0E0;
	font-family: Tahoma, sans-serif;  
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 10px;
/*	clear: both;  */
	height: 100%;	
	overflow:auto;
}
.MainFeatureBIG {
	left: 0px;
	padding: 10px 0px;
	margin: 4px 0px 5px 2px;
	border-bottom: 1px solid #E0E0E0;
	font-family: Tahoma, sans-serif;  
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 10px;
/*	clear: both;  */	
	overflow:auto;
}
.MainFeatureSQUARE {
	left: 0px;
	padding: 10px 0px;
	margin: 4px 0px 5px 2px;
	font-family: Tahoma, sans-serif;  
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 10px;
/*	clear: both;  */	
	overflow:auto;
}
.MainFeatureTitle {
	position: relative;
	width:180px;
	float: left;
	display: block;
}
.MainFeatureThumbnail {
	position: relative;
	width:115px;
	padding-right: 22px;
	padding-bottom: 10px;
	float: left;
	display: block;
}
.MainFeatureTitle h2 {
	font-weight: bold;
	font-family: Tahoma, sans-serif; 
	letter-spacing: 1px;
	font-size: 10px;
}
.MainFeatureDescription {
	position: relative;
	top: 0px;
	font-size: 11px;
	float: left;

}
.MainFeatureDescriptionLIST {
	position: relative;
	top: 0px;
	font-size: 12px;
	font-family: Arial, sans-serif; 
	letter-spacing: 0px;
	line-height: 2em;
	float: left;

}
.MainFeatureDescriptionBIG {
	position: relative;
	top: 0px;
	font-size: 11px;
	margin-top:50px;
	padding:0px;
	float: left;

}
.MainFeatureDescriptionSMALL {
	font-family: arial; 
	font-size: 12px; 
	letter-spacing: 0px;
	padding-top: 30px;
	float: left;
	width: 400px;
}
.MainFeatureDescriptionLONG {
	position: relative;
	top: 0px;
	font-size: 11px;
	padding:0px;
	float: left;
	width: 550px;

}
.MainFeatureDescriptionSQUARE {
	position: relative;
	top: 0px;
	width: 210px;
	font-size: 11px;
	padding-right:35px;
	float: left;	

}
.OutlineBox {
	height: 50px; 
	width: 145px;
	padding: 10px;
	margin-right: 20px;
	background-color: #F8F8F8;
	line-height: 1.3em;	
	float: left;
	
}
.ScreenshotSection {
	position: relative;
	width: 550px;
	height: 300px;
	margin-bottom: 20px;
	border: 1px solid #E0E0E0;
}
.ScreenshotClipped { 
	position: absolute;
	clip: rect(0px 550px 300px 0px);
	
}
/*  This is a hack that resolves the low-quality image-resize issue in IE7 */
.ScreenshotClipped img { 
	-ms-interpolation-mode: bicubic !important; 
}
.ArasManagedSolution { 
	width: 100%;
	background-image: url(http://www.aras.com/plm-images/icons/16x16-aras-a.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	font-size: 10px;
	color: #6C6C6C;
}


/* ================================================ */
/* Media & News Divs */

.MediaItem {
	position: relative;
	left: 0px;
	width: 740px;
	padding: 10px 0px 0px 0px;
	margin: 4px 0px 5px 2px;
	border-bottom: 1px solid #E0E0E0;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 11px;
}
.MediaItem a:link {
	text-decoration : none;
	font-weight: bold;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	letter-spacing: 1px;
	padding: 0px;
}

.MediaTitle  {
	font-weight: bold;
	font-size: 120%;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	line-height: 100%;
	padding: 0px;
}	
.MediaDate {
	font-weight: normal;
	font-size: 110%;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	line-height: 100%;
	padding: 5px 0px;
}
.MediaBlurb {
	font-weight: normal;
	font-size: 100%;
	font-style : italic;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	line-height: 1.3em;
	padding: 10px 0px 15px 0px;
}

.NewsParagraph {
	padding-right: 30px;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 11px;
}

.NewsParagraph h2 {
	padding-right: 10px;
	font-weight: bold;
	font-size: 14px;
}

.NewsParagraph h3 {
	float: left;
	font-size: 11px;
	text-align: left; 
	padding: 0px 10px 11px 0px;
	font-weight: normal;
	font-style: italic; 
}


/* ================================================ */
/* Partner Directory Divs */

.PartnersSet {
	position: relative;
	left: 0px;
	top:  0px;
	width: 99%;
	font-family: Tahoma, sans-serif;  
	font-size: 10px;
}
.PartnersTopRow {
	left: 0px;
	padding-top: 10px;
/*	clear: both;  */
	height: 70px;	
	overflow:auto;
}
.PartnersInfoRow {
	left: 0px;
	padding: 10px 0px;
	margin: 4px 0px 5px 2px;
	border-bottom: 1px solid #E0E0E0;
	font-family: Tahoma, sans-serif;  
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 10px;
/*	clear: both;  */
	height: 100%;	
	overflow:auto;
}

.PartnerLogo {
	position: relative;
	width:180px;
	float: left;
	display: block;
}
.PartnerCertification {
	position: relative;
	width:150px;
	text-align: left;
	float: right;
	display: block;
}
.PartnerDescription {
	position: relative;
	top: 0px;
	width: 500px;
	font-size: 11px;
	padding: 0px;
	overflow:auto;
	float: left;

}
.PartnerDetails {
	position: relative;
	width:150px;
	padding: 0px;
	color: #6C6C6C;
	text-align: left;
	float: right;
	display: block;
}
.UpcomingClasses {
	position: relative;
	width:185px;
	padding: 0px;
	font-size: 11px;	
	text-align: left;
	float: right;
	display: block;
}
.ClassDescription {
	position: relative;
	font-family: Arial, sans-serif;  
	letter-spacing: 0px;
	top: 0px;
	width: 500px;
	font-size: 12px;
	padding: 0px;
	overflow:auto;
	float: left;

}
.UpcomingClasses span.sub {
	color: #6C6C6C;
	font-size: 10px;
	display: block;
	padding-bottom: 20px;
}
.TrainingPartnersInfoRow {
	left: 0px;
	padding: 20px 0px;
	margin: 4px 0px 5px 2px;
	border-bottom: 1px solid #E0E0E0;
	font-family: Tahoma, sans-serif;  
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 10px;
/*	clear: both;  */
	height: 100%;	
	overflow:auto;
}

/* ================================================ */
/*  Right Column  */


div#RightColumn {
	padding: 20px 10px;
	margin: 50px 0 0 0;
	width: 155px;
	float: right;
}
div#RightColumnBKG {
	margin: 0;
	padding: 0;
	background-image: url(http://www.aras.com/plm-images/layout-images/185x1_white.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
	background-color: #FFFFFF;
}
.RightColumnBOX {
	border-style:solid;
	margin: 10px 0px;
	border-width:0px;  
	width: 100%;
	height: 100%;
	display: block;

}


/* ================================================ */
/*  Bulleted Lists  */

ul
{
	font-size: 12px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height:2.2em;
}
li
{
	color: #000000;
	padding-left: 10px; 
}
li a {
	color: #1066CF;
}
li a:hover {
	text-decoration:underline;
	color: #1066CF;
}
ul.regular
{
	font-size: 12px;
	color: #000000;
	list-style-type: square;
	padding-left: 20px;
	margin: 0px;
	line-height:1.3em;
	font-weight: normal;
}
li.regular
{
	color: #000000;
	padding-left: 5px;
	padding-bottom: 15px;
}
li.news 
{
	color: #000000;
	padding-left: 5px;
	padding-bottom: 15px;
	font-size: 11px;
}
ul.larger
{
	font-size: 14px;
	list-style-type: disc;
	padding-left: 20px;
	margin: 0px;
	line-height:2.2em;
}
li.larger
{
	color: #000000;
}
ul.faq
{
	list-style-type: none;
	margin: 0px;
}
li.faqQ
{
	font-size: 13px;
	list-style-type: none;
	padding-left: 0px;
	line-height:1.3em;
	color: #cc0033;
	font-weight: bold;
	padding-bottom: 5px;
}
li.faqA
{
	color: #000000;
	font-weight: normal;
	line-height:1.3em;	
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 30px;
}


/* ================================================ */
/*  Quotations  */

p.pullquote {
	background: url(http://www.aras.com/plm-images/layout-images/pullquote.gif) 0 0 no-repeat;
	margin: 30px 10px 0 0;
	padding: 6px 30px 2px 45px;
	line-height: 1.3em;
	font-style: italic;
	font-size: 1.4em;
	font-weight: normal;
	min-height: 44px;
}
p.pullquote_author {
	text-indent: -1.3em;
	text-align: right;
	font-size: 1em;
	margin: 5px 10px 30px 100px;
	font-style: italic;
}
blockquote {
	margin:20px 0px;
	padding:3px;
	font-size: 1.4em;
	padding: 0 20px;
	color: #6C6C6C;
	border-left-style:solid;
	border-color: #cc0033;
	border-width:5px;
}
.outer1 {
	background: url(http://www.aras.com/plm-images/layout-images/pullquote.gif) 0 0 no-repeat;
	border:0;
	width:100%;
	margin: 50px 0px;
	padding-bottom: 5px;
}
.quote1{
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	padding-bottom: 0px;
	padding-top:25px;
	margin: 0px 0px 15px 15px;
}
.who1{
	width: 100%;
	text-align: right;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, "Arial", arial, sans-serif;
	color: #8D8D8D;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/* ================================================ */
/* Standard Entry Form */

#FormFrame {
	width:100%;
	padding: 0px;
	margin: 0px auto; 
	text-align:left;
	font-weight: normal; 
	font-family: Arial, sans-serif; 
	font-style: normal;
	font-size: 9pt;
}
.FormRow {
	padding: 0px;
	margin-top: 10px;
	height: 25px;
	
}
.FormRow b {
	letter-spacing: 1px;
	
}
.FormRow span.Left {
	float: left;
	width: 185px; 
	text-align: left;
	margin: 0px auto;
	padding-bottom: 2px;
}

.FormRow span.Right {
	float: left;
	width: 170px;
	text-align: left;
	padding-bottom: 2px;
	margin: 0px auto;
}
.FormInputField {
	width:170px;
	border:solid 1px #6C6C6C;
	background:#FFFFFF;
}


/* ================================================ */
/* Landing Page */

div#LandingPageContent {
	padding: 20px 0px;
	line-height:1.3em;
/* USE THIS TO REPLACE div#MainContentCOL1 STYLE ON LANDING PAGES */	
}
div#LandingPageLeft {
	position: relative;
	font-size: 14px;
	top:  0px;
	left: 0px;
	float: left;
	margin-top: 10px;
	width: 600px;

}
div#LandingPageLeft h1 {
	font-size: 14pt;
	padding: 0px;
	margin: 0px;
	letter-spacing: 1px;
	color: #CC0033;
}
div#LandingPageLeft h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #6C6C6C;	
}
div#LandingPageLeft h3 {
	font-size: 11pt;
	padding: 0px;
	margin: 0px;
	color: #CC0033;
}
.LandingFeaturesSet {
	position: relative;
	left: 0px;
	top:  0px;
	width: 99%;
}

.LandingRowFeature {
	left: 0px;
	padding: 10px 0px;
	margin: 4px 0px 5px 2px;
	border-bottom: 1px solid #E0E0E0;
	font-weight: normal;
/*	clear: both;  */
	height: 100%;	
	overflow:auto;
}

.LandingFeatureLEFT {
	position: relative;
	width:180px;
	float: left;
	display: block;
}
.LandingFeatureRIGHT {
	font-family: arial; 
	font-size: 16px; 
	line-height: 1.3em;
	padding-top: 30px;
	font-weight: bold;
	float: left;
	width: 400px;
}
ul.landing
{
	padding: 0px;
	margin: 0px;
	line-height:2.2em;
}
li.landing
{
	font-size: 14px;	
	background: url(http://www.aras.com/plm-images/layout-images/arrow-bullet.gif) left center no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}
div#LandingPageRight {
	position: relative;
	top:  0px;
	width: 290px;
	margin-top: 10px;	
	padding: 0px 5px 10px 20px;
	float: right;

}
div#LandingPageRight h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #6C6C6C;	
}
div#LandingPageRight h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #6C6C6C;	
}

/* ================================================ */
/* Landing Page Entry Form */


#LandingPageFormFrame {
	width:270px;
	padding: 0px;
	margin: 0px auto; 
	text-align:left;
	font-weight: normal; 
	font-family: Arial, sans-serif; 
	font-style: normal;
	font-size: 9pt;
}
div.LandingPageFormRow {
	height: 25px;
	clear: both;
	padding: 0px;
	margin-top: 10px;
}
.LandingPageFormRow b {
	letter-spacing: 1px;
	
}
div.LandingPageFormRow span.Left {
	float: left;
	width: 125px; 
	text-align: left;
	margin: 0px auto;
	padding-bottom: 2px;
}

div.LandingPageFormRow span.Right {
	float: left;
	width: 140px;
	text-align: left;
	padding-bottom: 2px;
	margin: 0px auto;
}
.LandingPageFormInputField {
	width:140px;
	border:solid 1px #6C6C6C;
	background:#FFFFFF;
}
.InputLabel {
	font-weight: bold;
	font-size: 8pt;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
}
.InputField {
	width:140px;
	border:solid 1px #000000;
	background:#FFFFCC;
	font-weight: normal; 
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	font-style: normal;
	font-size: 8pt;
	color: #000000;
}
.regCopyTitle  {
	font-weight: bold;
	font-size: 100%;
	font-family: Arial, sans-serif; 
}
.regOfferBold {
	font-weight: 	bold;
	font-size: 	100%;
	font-family: 	Arial, sans-serif; 
	line-height: 	120%;
	padding-bottom: 4px;
	margin: 	0px auto;
}
.submitButton {
	width: auto;
	overflow: visible;
	padding: 10px 20px;
}




/* ================================================ */
/*  Clear  */

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}



/*************************** END OF CSS FILE *********************************************/