body
{
    FONT-SIZE: 11px;
    background-color: #A5B9A9;
    /* background-color: whitesmoke; */
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A:link
{
    COLOR: #333333;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #333333;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}

/* PAGE LEVEL CLASSES */
.pageHeader
{
    font-size: 11px;
    letter-spacing: 1px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.input
{
    font-size: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.inputSample
{
    font-size: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFAAAA;    
}

.displayValue
{
    font-size: 11px;
    color: #C36C42;
    padding-left: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.validationSummary
{
	border-style: solid;
	border-width: 1px;
	border-color: #990000;
	color: #990000;
	background: #FFFFD5;
	padding-right: 10px;
}

.feedbackSuccess
{
	color: Green;
}
.feedbackError
{
	color: Red;
}

/* FONT VARIATIONS */
.fontSmall
{
    font-size: 9px;
}

.fontBold
{
    font-weight: bold;
}

.fontHeader
{
    font-size: 12px;
    font-weight: bold;
}

.fontOrange
{
    color: #ff6600;
}

.fontOrangeBold
{
    font-weight: bold;
    color: #ff6600;
}

.fontSmallOrange
{
    font-size: 9px;
    color: #ff6600;
}

/* PRICING PAGE CLASSES */
.pricingFontLarge
{
    font-size: 14px;
    color: #755737;   
}

.pricingFontLargeCol
{
    font-size: 16px;
    color: #C36C42;
}

.pricingFontMed
{
    font-size: 12px;
    color: #755737;   
}

/* SPEC SHEET CLASSES */
.specHeaderFont
{
    font-size: 12px;
    font-weight: bold;
}

.specSectionTable
{
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
    border-left: solid 1px #888888;
    border-right: solid 1px #888888;
    background-color: #FFFFFF;
}
 
.specSectionTable TH
{
    font-size: 11px;
    font-weight: bold;
    border-bottom: solid 1px #888888;
    background-color: #D1D9E4;
    padding: 4px 4px 4px 4px;
    text-align:left;
}
 
.specSectionTable TD
{
    padding: 4px 4px 4px 4px;
}

.specFormTable
{
    background-color: #FFFFFF;
    border-collapse: collapse;
}

.specFormTable TD
{
    /*border: solid 1px black;*/
    padding: 2px 2px 2px 2px;
}

/* 
note: noPadding, header
these attributes are used to propagate 
to individual sub-tables within the form
 */
.specFormTable TD.noPadding
{
    padding: 0px 0px 0px 0px;
}

.specFormTable TD.header
{
    font-size: 11px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;    
}


/* SPEC FORM SECTION CLASSES */
.specFormTableNotes
{
    background-color: #878787;
    border: solid 1px black;
    border-collapse: collapse;
}

.specFormTableSiding
{
    background-color: #DEDDDD;
    border: solid 1px black;
    border-collapse: collapse;
}

.specFormTableGarageDoor
{
    background-color: #878787;
    border: solid 1px black;
    border-collapse: collapse;    
}

.specFormTableMaterials
{
    background-color: #A9A8A8;
    border: solid 1px black;
    border-collapse: collapse;    
}

.specFormTableRoof
{
    background-color: #878787;
    border: solid 1px black;
    border-collapse: collapse;    
}

.specFormTableTrimA
{
    background-color: #B7B7B7;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-collapse: collapse;    
}

.specFormTableTrimB
{
    background-color: #B7B7B7;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-collapse: collapse;    
}

/* ADMIN DATA GRID STYLES */
.adminGridHead TH
{
    background-color: #D1D9E4;
    text-align: left;
    font-weight: bold;
    color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
/* this header is used when list is within a specTable */
.adminGridHeadDark
{
    text-align: left;
    font-weight: bold;
    color: #000000;
}

.adminGridFooter
{
    background-color: #CCCC99;
}

.adminGridRow
{
    background-color: #F4F6F8;
    text-align: left;
}

.adminGridAltRow
{
    background-color: #FFFFFF;
    text-align: left;
}

.adminGridSelRow
{
    background-color: #CCCCCC;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
}

.adminGridPager
{
    background-color: #F7F7DE;
    text-align: right;
    color: #000000; 
}

/* LARGE DOWNLOAD LINK */
A.LinkLarge:link
{
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}
A.LinkLarge:active
{
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}
A.LinkLarge:visited
{
    COLOR: #0000FF;
    TEXT-DECORATION: none
}
A.LinkLarge:hover
{
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}

/* UNDERLINED DOWNLOAD LINK */
A.UnderlineLink:link
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}
A.UnderlineLink:active
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}
A.UnderlineLink:visited
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}
A.UnderlineLink:hover
{
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}

/* INTERNAL PROJECT NOTES LINK */
A.PrjNotesLink:link
{
    color: #ff6600;
    text-decoration: none;
}
A.PrjNotesLink:active
{
    COLOR: #ff6600;
    TEXT-DECORATION: none
}
A.PrjNotesLink:visited
{
    COLOR: #ff6600;
    TEXT-DECORATION: none
}
A.PrjNotesLink:hover
{
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}

/* CUSTOMER PORTFOLIO */
.portfolioImg
{
    border-top: solid 1px black;
}