/*******************************************************************************
* Name         = main_IE.css
*
* Description  = Styles used to render the different page elements: navigation
* 				 bars, text styles, images, etc.
*
* Author	   = Maria Kaufmann	- Ryder System Inc.
*
* Revision History:
*
* Date		Developer		Description
* -------------------------------------------------------------------------------
* 09/18/06	Maria Kaufmann	Updated styles contentLink, contentLink:hover, and li.
*                           Added style learnMore.
*
********************************************************************************/

/*********************************************************************************************/
/* Text Style Definitions
/*********************************************************************************************/

.tableHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #666666;
}

.tableRowEven {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
	background-color: #CCCCCC;
	vertical-align : middle;
}

tableRowOdd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
	background-color:#666666;
	background-color : #FFFFFF;
	vertical-align : middle;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A; /* #333333; */
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A; /* #333333; */
    text-decoration: underline;
}

a.bolded:link, a.bolded:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7A7A7A;
}

a:hover {
	color: #227FD5;
}

/* This is the style class used for the links that appear in the promotional
   section */
.contentLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A; /* #333333; */
	text-decoration: none;
}

.contentLink:hover {
	color: #227FD5; /* #227FD5; */
}

.learnMore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #227FD5; /* #333333; */
	text-decoration: none;
}

a.headernavLink, a.headernavLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
    text-decoration: none;
}

a.footernavLink, a.footernavLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #858585;
    text-decoration: none;
}

a.headernavLink:hover, a.footernavLink:hover {
	color: #227FD5;
}

.formButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FF0000;
	height: 20px;
	font-weight:bold;
	border-color:#FFFFFF;
	color: #FFFFFF;
}

.formText {

	font-size: 10px;
	color: #7A7A7A;
	border: 1px solid #7A7A7A;
	height: 15px;
	width: 120px;
}

.custToolsFormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    border: 1px solid #333333;
	height: 25px;
	width: 200px;
}

.sectionHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #7A7A7A;
	font-weight: bold;
}

.sectionSubHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7A7A7A;
	font-weight: bold;
}

a.sectionHeadingLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #7A7A7A;
	text-decoration: underline;
}

a.sectionSubHeadingLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7A7A7A;
	font-weight: bold;
	text-decoration: underline;
}

a.sectionHeadingLink:hover, a.sectionSubHeadingLink:hover {
	color: #227FD5;
}

.separatorline {
	color: #FF0000;
	background-color: #FF0000;
	font-size: 1px; /* This is needed for Netscape Navigator to force the height of the cell to 1 px */
}

.promoHighlights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.promoseparatorline {
	color: #CCCCCC;
	background-color: #CCCCCC;
	font-size: 1px; /* This is needed for Netscape Navigator to force the height of the cell to 1 px */
}

table.promovertborder {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width:100%;

}

table.promoBox{
	background-image: url(../images/promo_box_bkg.gif);
	background-repeat: repeat-x;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
}

.bolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #7A7A7A;
}

.smallbolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #7A7A7A;
}

.verylargenormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
}

.verylargebolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #7A7A7A;
}

.italicsmallnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #7A7A7A;
}

.italicsmallbolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #7A7A7A;
}

.italicnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #7A7A7A;
}

.italicbolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #7A7A7A;
}

.italicmediumnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #7A7A7A;
}

.italicmediumbolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #7A7A7A;
}

.italiclargenormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #7A7A7A;
}

.italiclargebolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #7A7A7A;
}

.italicverylargenormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: #7A7A7A;
}

.italicverylargebolded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #7A7A7A;
}

ul {
	list-style-image:url(images/bullet.gif);
	position: relative;
	left: -5px;
}

li {
	position: relative;
	left: 5px;
}

ul.noIndent {
	position: relative;
	left: -20px;
}

.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

/*********************************************************************************************
* Page Section Rules/Styles
*  - the rules defined in this section control the positioning and size of all page elements
*    (section), e.g. topnav, banner image, main page body, left navigation, breadcrumb, main
*    page content, promotional area, etc.
/*********************************************************************************************/

body {
	background-color: #FFFFFF;
	margin-top: 0px;
	background-position: top;
	background-image: url(../images/top_back.jpg);
	background-repeat: repeat-x;
}

table.mainbody {
	width: 773px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 0;
	border-bottom-width: 0;
	border-collapse: collapse;
	/* border: thin solid; */
}

table.topnav {
	width: 773px;
	padding: 0;
	spacing:0;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 0;
	border-bottom-width: 0;
	border-collapse: collapse;
	/* border: thin solid; */
}

/*
 * Note: the sum of the leftnav.width, maincontentsection.width, and promotionsection.width
 *       must be equal to body.width.
 */

td.leftnav {
	width: 150px;
	padding-right:10px;
	/* border: 1px #000000; */
	vertical-align: top;
}

.breadCrumbHere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #858585;
	/* Note: changed font-size to 11px in order to get around problem that causes the
	         font-weight to not get applied when the font size is 10px or less */
}

a.breadCrumbLink {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #858585;
	/* Note: changed font-size to 11px in order to get around problem that causes the
	         font-weight to not get applied when the font size is 10px or less */
}

td.breadcrumb {
	height: 25px;
	vertical-align: top;
	padding-left: 10px;
}

.contentLinkHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333; /* #333333; */
}

td.maincontentsection {
	padding-left: 10px;
	padding-right: 30px;
	width: 433px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
}

td.maincontentsection_nopromo {
	padding-left: 10px;
	padding-right: 10px;
	width: 602px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
}

/** MEK:Remove if not needed *****/
td.maincontentsection_tools {
	padding-left: 10px;
	padding-right: 10px;
	width: 604px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7A7A7A;
}

/**** (MEK) Remove if not used ****/
/*
td.promoHighlights {
	vertical-align: middle;
	padding:10px;
	border-bottom:1px solid #CDCDCD;
}
*/

td.promotionsection {
	width: 169px;
	vertical-align: top;
	padding: 0px;
}

table.promotions {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 0;
	border-bottom-width: 0;
	border-collapse: collapse;
}
.promotionLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333; /* #333333; */
}

table.footer {
	width: 773px;
	position: relative;
	top:20px;
}

.footerCopyRightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	color: #797979;
}

/*********************************************************************************************
* Left Navigation Bar Styles/Rules
*********************************************************************************************/

/* Defines the navigation list container position properties */
#leftnavlist {
	width: 171px;
}

/* Defines the style of the cells containing the left navigation first-level links */
a.leftnavlink {
	font-family: Arial, Helvetica, sans-serif; /* style of left nav. text */
	font-size: 12px; /* size of left nav. text */
	font-weight: bold; /* weight of left nav. text */
	height: 15px;
	color: #666666; /* #333333; */
    text-decoration: none;
}

/* Defines the style of the cells containing the left navigation second-level links */
a.leftnavsublink {
	font-family: Arial, Helvetica, sans-serif; /* style of left nav. text */
	font-size: 12px; /* size of left nav. text */
	font-weight: normal; /* weight of left nav. text */
	height: 15px;
	color: #666666; /* #858585; */
    text-decoration: none;
}

/* Defines the style of the cells containing the separation line */
#leftnavlist td.leftnavseparator {
	height: 1px;
	background-color: #FFFFFF;
	font-size: 1px; /* This is needed for Netscape navigator to force the height of the cell to 1 px */
}

/* Defines the submenu navigation block.  This block is initially disabled until clicked */
#leftnavlist div.submenu {
	display: none;
}

img.sublinkPadding {
	width: 15px;
	height: 1px;
	border: 0px;
}