/*--------------------------- Base Elements -------------------------------
-  Default settings for base elements
-------------------------------------------------------------------------*/
html
{
    font-size        : 100%; /*IE hack to correct font size issue*/
	font-family      : Verdana, Helvetica, sans-serif, Arial, "Trebuchet MS";
	color            : Black;
	line-height      : 1.3;
	background-color : #b3b3b3;   /* e2-> 226, e6-> 230, e5-> 229  */
    /*overflow         : hidden;	*/
}

body, form, input, textarea, font, table, tr, td, p, a
{
}

/*--- used by page content control -------------------------------------*/
h1
{
    font-size   : 1.3em;
    font-weight : bold;
}

.buttonPlus
{
    background-image : url(../App_Images/button-plus.jpg);
}

.buttonMinus
{
    background-image : url(../App_Images/button-minus.jpg);
}

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

/*---------------- Text Sizes  ------------------------------------------*/
.textSmall       { font-size: .67em; }
.textMedium      { font-size: .78em; }
.textMediumLarge { font-size: .9em; }
.textNormal      { font-size: 1em;   }
.textLarge       { font-size: 1.1em; }
.textXLarge      { font-size: 1.3em; }
.textXXLarge     { font-size: 1.5em; }

/*---------------- 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;   }

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

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

/*----------------------------------------------------------------------*/
.backgroundYellow        { background-color : Yellow;  }
.backgroundYellow2       { background-color : #fec900; }
.backgroundYellow3       { background-color : #ffcc00; }
.backgroundTeal          { background-color : #339999; }
.backgroundNavy          { background-color : #003366; }
.backgroundDisabledField { background-color : #c0c0c0; }
.backgroundLtGray,
.backgroundReadOnly      { background-color : #dadada; }
.backgroundWhite         { background-color : White;   }
.backgroundDlgBlue       { background-color : #b0c4dd; }  /* 176->B0, 196->C4, 221->DD */
.backgroundDeepBlue      { background-color : #162668; }
.backgroundCream         { background-color : #ffffcc; }

/*----------------------------------------------------------------------*/
.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; }

/*----------------------------------------------------------------------*/
.borderAllDarkRed    { border       : solid 1px #aa0000; padding : 5px 5px 5px 5px; }
.borderLeftDarkRed   { border-left  : solid 1px #aa0000; }
.borderRightDarkRed  { border-right : solid 1px #aa0000; }
.borderTopDarkRed    { border-top   : solid 1px #aa0000; }
.borderBottomDarkRed { border-bottom: solid 1px #aa0000; }

/*----------------------------------------------------------------------*/
.borderAllLtGray    { border       : solid 1px #cdcdcd; padding : 5px 5px 5px 5px; }
.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; }

/*----------------------------------------------------------------------*/
.paddingAll5   { padding : 5px 5px 5px 5px; }
.paddingAll10  { padding : 10px 10px 10px 10px; }
                
.paddingTop   { padding-top  : 10px; }
.paddingTop5  { padding-top  : 5px;  }
.paddingTop10 { padding-top  : 10px; }
.paddingTop15 { padding-top  : 15px; }
.paddingTop20 { padding-top  : 20px; }

.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; }

.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; }

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

a.LeftMenu
{
	FONT-SIZE        : .9em;
	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            : 170px;
}

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

/*--------------------------------------------------------------------*/
.leftMenuAd
{
    font-size : .7em;
    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;
}

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

#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       : 12px;
	padding         : .3em .8em;
}

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

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

/*--------------------------------------------------------------------*/
.column2Dialog
{
    width          : 583px;
    text-align     : left;
    vertical-align : top;
    padding-bottom : 0px;
    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    border-right   : solid 1px;
    border-left    : solid 1px;
    
    border-color   : Silver;
	background-color : White; /* #e2e6e5;   /* e2-> 226, e6-> 230, e5-> 229  */
}

.column2Resources
{
    font-size      : .5em;
    width          : 500px;
    text-align     : left;
    vertical-align : top;
    padding-bottom : 0px;
    padding-left   : 0px;
    padding-right  : 0px;
    padding-top    : 0px;
    border-right   : solid 1px;
    border-left    : solid 1px;
    
    border-color   : Silver;
	background-color : White; /* #e2e6e5;   /* e2-> 226, e6-> 230, e5-> 229  */
}


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

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

.textLogo
{
    color           : Blue;
    font-style      : italic;
    font-weight     : bold;
    font-size       : 1.1em;
}

/*--------------------------------------------------------------------*/
.menuImage
{
     background-image : url(../../App_Images/bg-nav-main.png);
     background-repeat: no-repeat;
     height           : 78px;
     padding-top      : 0;
     padding-left     : 0;
     padding-right    : 0;
}

.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/bg-footer.png);
     background-repeat: no-repeat;
     font-size        : .70em;
     width            : 800px;
     height           : 50px;
     padding-left     : 0;
     padding-right    : 35px;
     padding-top      : 0;
}

/*--------------------------------------------------------------------*/
.DialogHeader
{
    font-weight    : normal;
    font-size      : 1em;
    padding-bottom : 0px;
    padding-left   : 5px;
    padding-right  : 0px;
    padding-top    : 0px;
    background-image : url(../../App_Images/dialogHeader_bg.jpg);
    background-repeat : repeat-x;
    height         : 25px;
}

/*----------------------------------------------------------------------------*/
.pageContentText
{
    padding-left  : 10px;
    padding-right : 15px;
    padding-bottom: 7px;
    padding-top   : 7px;
    vertical-align: top; 
}

/*----------------------------------------------------------------------------*/
.tdInputLabel
{
    padding-left     : 0px;
    padding-right    : 4px;
    text-align       : right;
}

.tbInput
{
    padding-left : 3px;
    padding-right: 3px;
    font-size    : 1em;
}

.tbTextArea
{
    font-size : 1.1em;
}

/*-----------------------------------------------------------*/
.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;
}