/*--------------------------- Base Elements -------------------------------
-  Default settings for base elements
-------------------------------------------------------------------------*/
html, body, form
{
    font-size        : 100%; /*IE hack to correct font size issue*/
	font-family      : Verdana, Arial, Helvetica, Sans-Serif;
	color            : Black;
	line-height      : 1.125em;
	background-color : #678fc2; /* #e2e6e5;   /* e2-> 226, e6-> 230, e5-> 229  */
    margin           : 1px auto 0px auto;
}

input, textarea, font, table, tr, td, p, a 
{
	font-size  : 1em;
}

/*----------------------------------------------------------------------*/
h1
{
    font-size   : 12pt;
    font-weight : bold;
    line-height : 12pt;
    margin-bottom : 0; 
}

h2
{
    font-size   : 10pt;
    font-weight : bold;
    line-height : 1em;
    margin-bottom : 0; 
}

/*---------------- fonts ------------------------------------------------*/
.fontStandard { font-family: Verdana, Arial, Sans-Serif; }

/*---------------- Text Sizes  ------------------------------------------*/
.textSmall       { font-size: 7pt;  }
.textMediumSmall { font-size: 8pt;  }
.textMedium      { font-size: 9pt; }
.textMediumLarge { font-size: 10pt; }
.textNormal      { font-size: 11pt; }
.textLarge       { font-size: 12pt; }
.textXLarge      { font-size: 14pt; }
.textXXLarge     { font-size: 16pt; }

/*---------------- Text Alignment --------------------------------------*/
.alignRight   { text-align    : right;    }
.alignLeft    { text-align    : left;     }
.alignCenter  { text-align    : center;   }
.alignJustify { text-align    : justify;  }
.valignMiddle { vertical-align: middle;   }
.valignTop    { vertical-align: text-top; }
.valignBottom {	vertical-align: bottom;   }

/*----------------------------------------------------------------------*/
.textBold      { font-weight     : bold;   }
.textNormal    { font-weight     : normal; }
.textItalics   { font-style      : italic; }
.textUnderline { text-decoration : underline; }
.textDecorationNone { text-decoration : none; }

/*----------------------------------------------------------------------*/
.textBlack   { color : Black;   }
.textBlue    { color : Blue;    }
.textRed     { color : Red;     }
.textDarkRed { color : #972b1f; }
.textWhite   { color : White;   }
.textNavy    { color : #003366; }
.textTeal    { color : Teal;    }
.textGreen   { color : Green;   }
.textYellow  { color : Yellow;  }

.coloredText 
{
    color           : Green;
    font-style      : italic;
    font-weight     : bold;
    border-style    : solid;
    border-width    : 1px;
    border-color    : Gray;
    padding         : 7px; 
}

/*----------------------------------------------------------------------*/
.backgroundYellow        { background-color : Yellow;  }
.backgroundTeal          { background-color : #339999; }
.backgroundNavy          { background-color : #003366; }
.backgroundDisabledField { background-color : #c0c0c0; }
.backgroundLtGray,
.backgroundReadOnly      { background-color : #dadada; }
.backgroundWhite         { background-color : White;   }

/*----------------------------------------------------------------------*/
.borderAll     { border        : solid 1px #000000; }
.borderLeft    { border-left   : solid 1px #000000; }
.borderRight   { border-right  : solid 1px #000000; }
.borderTop     { border-top    : solid 1px #000000; }
.borderBottom  { border-bottom : solid 1px #000000; }
.borderNone    { border-style: none; }

/*----------------------------------------------------------------------*/
.borderAllResourceBox
{
    border-bottom : solid 1px #003399;
    border-top    : solid 1px #003399; 
    border-right  : solid 1px #003399;
    border-left   : solid 1px #003399;
}

/*----------------------------------------------------------------------*/
.borderAllLtGray    { border       : solid 1px #cdcdcd; }
.borderLeftLtGray   { border-left  : solid 1px #cdcdcd; }
.borderRightLtGray  { border-right : solid 1px #cdcdcd; }
.borderTopLtGray    { border-top   : solid 1px #cdcdcd; }
.borderBottomLtGray { border-bottom: solid 1px #cdcdcd; }

/*----------------------------------------------------------------------*/
.borderAllDashed    { border       : dashed 1px #cdcdcd; }
.borderLeftDashed   { border-left  : solid 1px #cdcdcd; }
.borderRightDashed  { border-right : solid 1px #cdcdcd; }
.borderTopDashed    { border-top   : solid 1px #cdcdcd; }
.borderBottomDashed { border-bottom: solid 1px #cdcdcd; }

/*----------------------------------------------------------------------*/
.paddingTop   { padding-top  : 10px; }
.paddingTop5  { padding-top  : 5px;  }
.paddingTop10 { padding-top  : 10px; }
.paddingTop15 { padding-top  : 15px; }
.paddingTop20 { padding-top  : 20px; }
.paddingTop25 { padding-top  : 25px; }
.paddingTop30 { padding-top  : 30px; }
.paddingTop35 { padding-top  : 35px; }

.paddingBottom   { padding-bottom  : 10px; }
.paddingBottom5  { padding-bottom  : 5px;  }
.paddingBottom10 { padding-bottom  : 10px; }
.paddingBottom15 { padding-bottom  : 15px; }
.paddingBottom20 { padding-bottom  : 20px; }

.paddingRight5  { padding-right  : 5px;  }
.paddingRight10 { padding-right  : 10px; }
.paddingRight15 { padding-right  : 15px; }
.paddingRight20 { padding-right  : 20px; }
.paddingRight25 { padding-right  : 25px; }
.paddingRight30 { padding-right  : 30px; }
.paddingRight35 { padding-right  : 35px; }

.paddingLeft5  { padding-left   : 5px;  }
.paddingLeft10 { padding-left   : 10px;  }
.paddingLeft15 { padding-left   : 15px;  }
.paddingLeft20 { padding-left   : 20px;  }
.paddingLeft25 { padding-left   : 25px;  }
.paddingLeft30 { padding-left   : 30px;  }

.paddingAll5  { padding : 5px 5px 5px 5px; }
.paddingAll10 { padding : 10px 10px 10px 10px; }
.paddingAll15 { padding : 15px 15px 15px 15px; }

/*----------------------------------------------------------------------*/
.lineHeight10 { line-height : 10pt; }
.lineHeight11 { line-height : 11pt; }
.lineHeight12 { line-height : 12pt; }
.lineHeight13 { line-height : 13pt; }
.lineHeight14 { line-height : 14pt; }

/*----------------------------------------------------------------------*/
.comment
{
    border  : solid 1px #cdcdcd;
    padding : 3px 3px 3px 3px;
    width   : 445px;
}

/*----------------------------------------------------------------------*/
.submitComment
{
    padding-left   : 10px;
    padding-right  : 10px;
    padding-top    : 2px;
    padding-bottom : 2px;
}

/*----------------------------------------------------------------------*/
.menu
{
    font-size        : .7em;
    font-family      : Verdana, Arial, Helvetica, sans-serif;
    width            : 185px;
    vertical-align   : top;
}

.menuItemNode
{
    color            : #58595b;
    background-color : White; /*#cad0ff;*/
}

.menuItemSelected
{
    color            : #585858;
    background-color : #dddddd;
}

a.menuItemHover
{
    color            : #575757;
    background-color : #f5f5f5;
}

.menuItemHover
{
    color            : #575757;
    background-color : #f5f5f5;
}

/*----------------------------------------------------------------------*/
.column1
{
    width          : 175px;
    vertical-align : top;
    text-align     : left;
    border-right   : solid 1px #cdcdcd;
}

.column2
{
    width          : 500px;
    vertical-align : top;
    font-size      : .76em;
    padding-left   : 10px;
    padding-right  : 10px;
    padding-top    : 3px;
    padding-bottom : 10px;
}

.column2Articles
{
    vertical-align : top;
    font-size      : .76em;
    padding-left   : 0px;
    padding-top    : 0px;
}

.column2LinkPartners
{
    width          : 485px;
    text-align     : left;
    vertical-align : top;
    font-size      : .76em;
    padding-left   : 7px;
    padding-right  : 10px;
    padding-top    : 3px;
    padding-bottom : 10px;
    border-right   : solid 1px;
    border-left    : solid 1px;
    border-color   : Silver;
    background-color :#e2e6e5;
}

.column2Dialog
{
    width          : 560px;
    text-align     : left;
    vertical-align : top;
    font-size      : .76em;
    padding-bottom : 0px;
    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    border-left    : none;
	background-color : #e2e6e5;   /* e2-> 226, e6-> 230, e5-> 229  */
}

.column2NoPadding
{
    width          : 485px;
    text-align     : center;
    vertical-align : top;
    font-size      : .76em;
    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    padding-bottom : 0px;

    border-color   : Silver;
    background-color :#e2e6e5;
}

.column1Lessons
{
    background-image  : url(../_lessons/_images/left.gif);
    background-repeat : repeat-y;
    width             : 55px;
    
}

.column2Lessons
{
    vertical-align : top;
    font-size      : .76em;
    padding-left   : 40px;
    padding-right  : 40px;
    padding-top    : 40px;
    padding-bottom : 40px;
}

.column3Lessons
{
    background-image  : url(../_lessons/_images/right.gif);
    background-repeat : repeat-y;
    width             : 55px;
}


.column3
{
    width          : 125px;
    text-align     : right;
    vertical-align : top;
}

/*----------------------------------------------------------------------*/
.headerLink
{
    FONT-FAMILY      : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
    TEXT-DECORATION  : none;
    font-style       : italic;
    FONT-SIZE        : 22pt;
    FONT-WEIGHT      : bold;
	COLOR            : Red;
    TEXT-ALIGN       : Left;
}

/*----------------------------------------------------------------------------*/
.catalogPageHeader {
    background-image : url(../../App_Images/catalogPageHeader.jpg);
    background-repeat: no-repeat;
    width            : 580px;
    height           : 25px;
}

.catalogPageFooter {
    background-image : url(../../App_Images/catalogPageFooter.jpg);
    background-repeat: no-repeat;
    width            : 580px;
    height           : 7px;
}

.catalogItemHeader {
    background-image : url(../../App_Images/catalogItemHeader.jpg);
    background-repeat: no-repeat;
    width            : 450px;
    height           : 8px;
    padding-top      : 7px;
}

.catalogItem 
{
    padding-left  : 7px;
    padding-right : 7px;
    padding-bottom: 0px;
    border-left   : solid 1px #0f3e71;
    border-right  : solid 1px #0f3e71;
}

.catalogItemFooter
{
    background-image : url(../../App_Images/catalogItemFooter.jpg);
    background-repeat: no-repeat;
    width            : 450px;
    height           : 15px;
}

.catalogLink
{
    color : Navy;
}

.catalogLink:hover
{
    color : Red;
}

/*----------------------------------------------------------------------------*/
.productListColumn
{
    padding-left : 10px;
}

/*----------------------------------------------------------------------------*/
.pageContentText
{
    padding-left  : 10px;
    padding-right : 15px;
    padding-bottom: 5px;
    font-size     : 8pt;
    line-height   : 11pt;
}

/*----------------------------------------------------------------------------*/
.articleDescriptionText
{
    padding-left  : 0px;
    padding-right : 0px;
    padding-bottom: 0px;
    font-size     : 8pt;
    line-height   : 11pt;
}

h1.articleHeader
{
	font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-size   : 11pt;
    font-weight : 500;
    line-height : 12pt;
}

.articleTitleLink
{
    font-size     : 8pt;
    line-height   : 11pt;
    color         : Navy; 
}

/*---------------- menu ------------------------------------------------*/
.menuImage
{
     /*background-image : url(../../App_Images/header_bg.jpg);*/
     background-image : url(../../App_Images/bg-nav-main.png);
     background-repeat: no-repeat;
     width            : 780;
     padding-left     : 15;
     padding-bottom   : 0;
     padding-top      : 0;
}

/*-----------------------------------------------------------*/
a.hoplink
{
    font-family     : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
    color           : Blue;
    text-decoration : underline;
}

a.hoplink:hover
{
	font-family     : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
	color           : Red;
	text-decoration : none;
}

/*-----------------------------------------------------------*/
a.footer
{
    font-family     : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
	FONT-SIZE       : 8pt;
	FONT-WEIGHT     : NORMAL;
	color           : black;
	text-decoration : underline;
}

a.footer:hover
{
	font-family     : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
	color           : #3a6ea5;
	FONT-SIZE       : 8pt;
	FONT-WEIGHT     : NORMAL;
	text-decoration : underline;
}

.footerCopyright
{
    FONT-FAMILY     : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
	FONT-SIZE       : .70em;
	COLOR           : black;
	TEXT-DECORATION : None;
	text-align      : right;
}

.footerImage
{
     background-image : url(../../App_Images/amaFooter795x72.png);
     background-repeat: no-repeat;
}

/*-----------------------------------------------------------*/
.ProductDescriptionTitle
{
    background-image : url(../../App_Images/ProductDescriptionHdrTab.gif);
    background-repeat: no-repeat;
    width            : 425px;
}

.ProductDescriptionTitleLink
{
    FONT-FAMILY      : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
    TEXT-DECORATION  : None;
    FONT-WEIGHT      : Bold;
    TEXT-ALIGN       : Left;
    COLOR            : #000080;
}

.ProductDescriptionTitleLink:Hover
{
    FONT-FAMILY      : Verdana, Tahoma, Georgia, Arial, Sans-Serif;
    TEXT-DECORATION  : None;
    FONT-WEIGHT      : Bold;
    TEXT-ALIGN       : Left;
    COLOR            : Red;
}

.ProductDescriptionInfo 
{
    width        : 96%;
    padding-left : 4px; 
    padding-top  : 4px;
}

.ProductDescriptionImage
{
    width         : 125px;
    padding-right : 4px;
    padding-top   : 4px;
}

.ProductDescriptionReview
{
	font-family: Verdana, Arial, Sans-Serif;	
	color      : black;
	padding    : 7px 10px 10px 10px;
	text-align : left;
}

.ProductDescriptionBottomRow 
{
    background-image : url(../../App_Images/ProductDescriptionBtm.jpg);
    background-repeat: no-repeat;
    width            : 425px;
}

/*-----------------------------------------------------------*/
.productCompareText
{
	font-family: Verdana, Arial, Sans-Serif;	
	color      : black;
	padding    : 7px 10px 10px 10px;
	font-size  : .95em;
}

.productCompareImage
{
    padding-right  : 0px;
    padding-left   : 12px;
    padding-bottom : 7px;
    padding-top    : 0px;
    float          : right;
}

/*----------------------------------------------------------------------*/
.ProductInfo
{
    text-align : left;
}

/*----------------------------------------------------------------------*/
.textInputHeader
{
    padding-left     : 3px;
    padding-right    : 2px;
    vertical-align   : top;
    text-align       : right;
}

.textInputHeader:hover
{
    color : Red;
}

.textInput
{
    padding-left     : 3px;
    padding-bottom   : 3px;
    padding-top      : 3px;
	font-family      : Verdana, Arial, Sans-Serif;	
	font-size        : 1em;
	color            : Black;
	vertical-align   : middle;
}

.googleTextInput
{
    padding-left     : 3px;
    padding-bottom   : 3px;
    padding-top      : 3px;
	font-family      : Verdana, Arial, Sans-Serif;	
	font-size        : 1em;
	color            : Black;
	vertical-align   : middle;
}

.ErrorMsg
{
    color        : Red;
    padding-left : 0px;
}

.DialogHeader
{
    font-weight    : normal;
    font-size      : 10pt;
    padding-bottom : 0px;
    padding-left   : 10px;
    padding-right  : 0px;
    padding-top    : 0px;
    background-image : url(../../App_Images/amaGradientBG.png);
    background-repeat : repeat-x;
    height         : 30px;
}

.DialogHeaderNoPadding
{
    font-weight    : normal;
    font-size      : 1.1em;
    padding-bottom : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    background-image : url(../../App_Images/dialogHeader_bg.jpg);
    background-repeat : repeat-x;
    height         : 30px;
}

/*----------------------------------------------------------------------*/
ul.noPadding
{
    list-style-type  : none;
    margin           : 0 0 0 0;
	padding          : 0 0 0 0;
    height           : 19px;     /* this works for IE */
    line-height      : 19px;     /* this works for FireFox */
}

/*----------------------------------------------------------------------*/
a
{
    color           : Blue;
    /*font-weight     : bold; */
    text-decoration : underline;
}

a:hover
{
	color           : Red;
	text-decoration : none;
}

/*---------------- left menu -------------------------------------------*/
u.LeftMenu
{
	FONT-SIZE        : .7em;
	FONT-WEIGHT      : bold;
    padding-left     : 1;
}

a.LeftMenu
{
	FONT-SIZE        : .7em;
	FONT-WEIGHT      : normal;
	COLOR            : #555555;
	TEXT-DECORATION  : none;
	padding          : 0 0 0 0;
    display          : inline-block;
    height           : 19px;  /* this works for IE */
    line-height      : 19px;  /* this works for FireFox */
}

ul.LeftMenu
{
    list-style-type  : none;
	FONT-WEIGHT      : normal;
	COLOR            : #555555;
    margin           : 0 0 0 0;
	padding          : 0 0 0 0;
    height           : 19px;     /* this works for IE */
    line-height      : 19px;     /* this works for FireFox */
    width            : 185px;
}

li.LeftMenu
{
    margin              : 0;
    padding-left        : 11px;
    background-image    : url(../../App_Images/bullet.gif);
    background-repeat   : no-repeat;
    background-position : 0 .5em;
}

/*----------- MAIN NAV -----------------------------------------------*/
ul#nav-main
{
	position  : relative;
	top       : 3px;
	left      : 3px;
	text-align: left;
	margin    : 0;
	padding   : 0 0 .3em 0;
}

#nav-main li
{
    display    : inline;
    list-style : none;
}

#nav-main li a
{
	text-decoration : none;
	color           : #000;
	font-family     : Tahoma, "Arial Narrow", sans-serif;
	font-size       : 11px;
    font-weight     : bold; 
	padding         : .3em .5em;
}

#nav-main li a:hover
{
    color : #0030D9;
    font-weight : bold; 
}

/* add "class="active" to the <li> to show the active section */
#nav-main li.active a {color:#0030D9;background:url(./App_Images/bg-nav-active.gif) bottom center no-repeat;}
#nav-main li.active a:hover {color:#000;background:none;}

/*--------------------------------------------------------------------*/
.leftMenuAd
{
    font-size : .6em;
    padding   : 2px;
    text-align: center;
    line-height: 1.25em;
}

.leftMenuAd strong
{
    font-size : 1.2em;
}

.leftMenuAd p
{
    margin: 0;
}

.leftMenuAd a
{
    text-decoration : none;
    color           : Black;
}

.leftMenuAd a:hover
{
    text-decoration : none;
    color           : Black;
}

/*-----------------------------------------------------------------------------------------------------------------
- style sheet for horizontal menu tabs
-----------------------------------------------------------------------------------------------------------------*/
.websiteHeader
{
    background-image   : url(../../App_Images/amaLogo794x87.png);
    background-repeat  : no-repeat;
    width              : 794px;
    height             : 87px;
    
}

/*-----------------------------------------------------------------------------------------------------------------
- style sheet for horizontal menu tabs
-----------------------------------------------------------------------------------------------------------------*/
/* Overall container style */
.menuTabBar
{
    background-image : url(../../App_Images/ms/bg_panel.jpg);
    background-repeat: repeat-x;
    background-position-y : top;
    height           : 24px;
    margin           : 0 0 0 0;
    padding          : 0 0 0 0;  
    vertical-align   : top;  
    font-weight      : bold; 
}

.menuTabContainer,
ul.menuTabContainer,
.menuTabContainer ul
{
    width            : 100%;
    background-image : url(../../App_Images/ms/bg_navcon.gif);
    background-position-y : top; 
    height           : 26px;
    float            : left;
    margin           : 0 0 0 0;
    padding          : 0 0 0 0; 
    list-style       : none;
    vertical-align   : bottom;
}

/* selected menu tab */
.menuTabItemSelected
{
    float               : left;
    border-width        : 0;
    font-size           : 10pt;
    border-bottom       : solid 1px #dfebfc;
}

.menuTabItemSelected li
{
    margin   : 0;
    padding  : 0;
}

.menuTabItemSelected a
{
    float               : left;
    background-image    : url(../../App_Images/ms/left_both_on.gif);
    background-repeat   : no-repeat;
    background-position : 0 -150px;
    margin              : 0;
    padding             : 0 0 0 4px;
    text-decoration     : none;
}

.menuTabItemSelected a span
{
    display             : block;
    background-image    : url(../../App_Images/ms/right_both_on.gif);
    background-repeat   : no-repeat;
    background-position : 100% -150px;
    padding             : 4px 12px 2px 4px;
    font-weight         : bold;
    color               : #11449E;
    float               : none;
}

/* All menu tabs NOT selected */
.menuTabItem
{
    float       : left;
    color       : #11449E;
    font-family : Arial,Helvetica,sans-serif;
    font-size   : 10pt;
    font-weight : bold;
    border-bottom : solid 1px #f9fbfe;
}

.menuTabItem li
{
    margin   : 0 0 0 0;
    padding  : 0 0 0 0;
}

.menuTabItem a
{
    float               : left;
    background-image    : url(../../App_Images/ms/left_both.gif);
    background-repeat   : no-repeat;
    background-position : left top;
    margin              : 0;
    padding             : 0 0 0 4px;
    text-decoration     : none;
    color               : #11449E;
}

.menuTabItem a span
{
    display             : block;
    background-image    : url(../../App_Images/ms/right_both.gif);
    background-repeat   : no-repeat;
    background-position : right top;
    padding             : 5px 12px 2px 4px;
    font-weight         : bold;
}
.menuTabItem a span
{
    float : none;
}
.menuTabItem a:hover
{
    background-position : 0 -150px;
}
.menuTabItem a:hover span
{
    background-position : 100% -150px;
}

.contentBackground
{
    background-image  : url(../../App_Images/amaGradientBG.png);
    background-repeat : no-repeat;
}