/*  Common.css  */

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

	Fixes
	Wrapper
	Font and a:Links
	NavTOP
	NavTOP Tabs
		Tab1
		Tab1_ACTIVE
		
		Tab2
		Tab2_ACTIVE
		
		Tab3
		Tab3_ACTIVE

		Tab4
		Tab4_ACTIVE
	NavBOTTOM
	Footer and Copyright

*/
/* ================================================ */
/*  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


*/

/* ================================================ */
/*  Fixes  */

/*  This is to keep page from shifting to left on load in Safari, Firefox, and IE8  */ 

html { 
	min-height: 100%; margin-bottom: 1px; 
	overflow-y: scroll;
}

html { 
	overflow: -moz-scrollbars-vertical !important; 
}


/* ================================================ */
/*  Wrapper  */

div#Wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	top: 0px;
	width:975px;
}

div#SubscriberLogin {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 11px;
}

/* ================================================ */
/*  Font and a:Links  */
body {
	font-family: Arial, "Arial", arial, sans-serif;
	font-size: 12px;
}
a {
	color: #1066CF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* ================================================ */
/*  NavTOP  */

div#NavTOP {
	position: relative;
	width: 100%;
	left: 0px;
	height:40px;
	top: 8px;
	font:90%/1.2em arial;
	padding: 0px;
	font-size: 14px;
}


/* ================================================ */
/*  NavTOP Tabs  */


/*  Tab1  */

div#Tab1 {
	position: absolute;
	left: 0px;
	width: 51px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;

}
#Tab1 a {
	color: #6C6C6C;
}
#Tab1 a:hover {
	color: #cc0033;
	text-decoration: none;
}


/*  Tab1_ACTIVE  */

div#Tab1_ACTIVE {
	position: absolute;
	left: 0px;
	width: 51px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;
	background-color: #CC0033;

}
#Tab1_ACTIVE a {
	color: #FFFFFF;
}
#Tab1_ACTIVE a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ================================================ */
/*  Tab2  */


div#Tab2 {
	position: absolute;
	left: 72px;
	width: 108px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;

}
#Tab2 a {
	color: #6C6C6C;
}
#Tab2 a:hover {
	color: #cc0033;
	text-decoration: none;
}

/*  Tab2_ACTIVE  */

div#Tab2_ACTIVE {
	position: absolute;
	left: 72px;
	width: 108px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;
	background-color: #CC0033;

}
#Tab2_ACTIVE a {
	color: #FFFFFF;
}
#Tab2_ACTIVE a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ================================================ */
/*  Tab3  */

div#Tab3 {
	position: absolute;
	left: 201px;
	width: 80px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;

}
#Tab3 a {
	color: #6C6C6C;
}
#Tab3 a:hover {
	color: #cc0033;
	text-decoration: none;
}

/*  Tab3_ACTIVE  */

div#Tab3_ACTIVE {
	position: absolute;
	left: 201px;
	width: 80px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;
	background-color: #CC0033;

}
#Tab3_ACTIVE a {
	color: #FFFFFF;
}
#Tab3_ACTIVE a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ================================================ */
/*  Tab4  */

div#Tab4 {
	position: absolute;
	left: 302px;
	width: 62px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;

}
#Tab4 a {
	color: #6C6C6C;
}
#Tab4 a:hover {
	color: #cc0033;
	text-decoration: none;
}

/*  Tab4_ACTIVE  */

div#Tab4_ACTIVE {
	position: absolute;
	left: 302px;
	width: 55px;
	top: 0px;
	padding: 8px;
	text-align: center;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;
	background-color: #CC0033;

}
#Tab4_ACTIVE a {
	color: #FFFFFF;
}
#Tab4_ACTIVE a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ================================================ */
/*  NavBOTTOM  */


div#NavBOTTOM {
	position: relative;
	top: 0px;
	left: 0px;
	height: 35px;
	border-right-style:solid;
	border-left-style:solid;
	border-color: #6C6C6C;
	border-width:1px;	
	
}
#nav {
	font-size: 16px;
}

#nav li a {
	color:#999;

}
#nav li.on strong, #nav li.on strong a {
	color:#fff;
}
#nav .bd ul {
	background-color:#cc0033;

}
#nav .bd li, #nav .bd li a {
	color:#fff;
}
#nav li.on {
	font-weight:bold;
}
#nav {
	width:100%;
} 

/* IE: width */
#nav a {
	text-decoration:none;
}
#nav ul, #nav li {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	display:inline;
}
#nav ul:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} /* clear non-IE */
#nav ul {
	height:18px;
} /* clear IE */
#nav ul {
	font:90%/1.2em verdana;
	margin-bottom:-1px;
	padding-left:.3em;
	position:relative;
} /* IE quirks mode: relative */
#nav li {
	margin-right:.33em;
	padding:0;
}
#nav li.on strong a {
	cursor:default;
}
#nav li a, #nav .hd li strong, #hd #nav li em {
	display:block;
}
#nav li a, #nav li strong {
	display:inline-block;
}  /* IE: 100% clickable */
#nav li em {
	font-style:normal;
	padding:.5em .6em;
}
#nav .bd ul {
	font:90%/1.2em arial;
	margin:0;
	padding:.6em 0 .6em .4em;
}
#nav .bd li {
	border-left-style:solid;
	border-left-width:1px;
	display:inline;
	padding:0 1em;
}
#nav .bd li a:hover {
	text-decoration:underline;
}
#nav .bd li.first {
	padding-left:10px;
	border:0px;
}
#nav .bd li.last {
	padding-left:10px;
	border-left-style:solid;
	border-left-width:1px;
}


/* ================================================ */
/*  ContentContainer  */

/*  Use this for pages that have a side nav  */
#ContentContainerWITHNAV {
	position: relative;
	left: 0px;
	margin-top: 1px;
	background-image: url(http://www.aras.com/plm-images/layout-images/185x1_lightgrey.gif);
	background-repeat: repeat-y;	
}
/*  Use this for pages that do not have a side nav  */
#ContentContainer {
	position: relative;
	left: 0px;
	top: 0px;
}


/* ================================================ */
/* Footer and Copyright */

#Footer {
	position: relative;
	text-align: right;
	background-color: #E0E0E0;
	height: 15px;
	top: 0px;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	word-spacing: normal;
	padding-left: 0px; 
	padding-right: 7px; 
	padding-bottom: 6px; 
	padding-top: 8px; 
	voice-family: inherit;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	position: relative;
	display: block;
	/* border-left: 1px solid #adadad; */
	/* border-right: 1px solid #adadad; */
	clear:both;
}
div#Copyright {
	text-align: right;
	font-family: 'Tahoma', Tahoma, Arial, sans-serif; 
	font-size: 7pt;
	font-weight: normal;
	color: #C5C5C5;
	line-height: 1.5em;
	word-spacing: normal;
	clear: both; 
	padding-right: 7px; 
	padding-bottom: 3px; 
	padding-top: 3px; 
	voice-family: inherit;
	margin-right: auto;
	margin-left:auto;
	margin-top:0px;
	display: block;
	position: relative;
	top: auto;
	clear:both;
}


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