/***************************************************************************
    Filename: container.css
		 Version: 1.0
 Description: Container stylesheet for TAC site skin
    Platform: DotNetNuke v3.2
   Skin File: TAC.zip
    Web Site: http://targetedadconsortium.com
***************************************************************************/

/****************************************
	container definitions...
*****************************************/
.Container {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/* plain container backgrounds... */
.NoBg {background-color: transparent;}
.WhiteBg {background-color: #fff;}
.LtGrayBg {background-color: #fafafa;}
.LtSilverBg {background-color: #e6e6e6;}
.SilverBg {background-color: #ccc;}
.GrayBg {background-color: #999;}
.DkGrayBg {background-color: #333;}
.BlackBg {background-color: #000;}
.BeigeBg {background-color: #f2eee6;}

/* box container backgrounds... */
.WhiteBox {background: #fff url(gradv40-ffffff-f2f2f2.gif) repeat-x bottom;}
.LtGrayBox {background: #e6e6e6 url(gradv40-e6e6e6-cccccc.gif) repeat-x bottom;}
.GrayBox {background: #999 url(gradv40-999999-7d7d7d.gif) repeat-x bottom;}
.DkGrayBox {background: #666 url(gradv40-666666-565656.gif) repeat-x bottom;}
.GoldBox {background: #f8ea8e url(gradv40-fcf3bf-f8ea8e.gif) repeat-x top;}
.BrassBox {background: #ede4aa url(gradv40-d5cd9c-ede4aa.gif) repeat-x bottom;}

/* container outlines & borders... */
.NoOutline {border: none;}
.WhiteOutline {border: 1px solid #fff;}
.LtGrayOutline {border: 1px solid #ccc;}
.GrayOutline {border: 1px solid #999;}
.DkGrayOutline {border: 1px solid #333;}
.BlackOutline {border: 1px solid #000;}
.RedOutline {border: 1px solid #c00;}

.WhiteBorder {border: 1px solid #fff;}
.LtGrayBorder {border: 1px solid #ccc;}
.GrayBorder {border: 1px solid #999;}
.DkGrayBorder {border: 1px solid #333;}
.BlackBorder {border: 1px solid #000;}

.TopWhiteBorder {border-top: 1px solid #fff;}
.TopLtGrayBorder {border-top: 1px solid #ccc;}
.TopGrayBorder {border-top: 1px solid #999;}
.TopDkGrayBorder {border-top: 1px solid #333;}
.TopBlackBorder {border-top: 1px solid #000;}

/* container padding... */
.NoPadding {padding: 0px;}
.MinPadding {padding: 5px;}
.MaxPadding {padding: 10px;}
.TopPadding {padding: 5px 0px 0px;}

/* alternate container content formatting... */
.WhiteContent,
.WhiteContent .Normal,
.WhiteContent p,
.WhiteContent th,
.WhiteContent td,
.WhiteContent a, 
.WhiteContent a:link, 
.WhiteContent a:visited, 
.WhiteContent a:active {color: #fff;}
.WhiteContent a:hover {color: #ff0;}

.LtGrayContent,
.LtGrayContent .Normal,
.LtGrayContent p,
.LtGrayContent th,
.LtGrayContent td,
.LtGrayContent a, 
.LtGrayContent a:link, 
.LtGrayContent a:visited, 
.LtGrayContent a:active {color: #ccc;}
.LtGrayContent a:hover {color: #ff0;}

/* borders for 'embossed' containers... */
.EmbossEdge {
	border: 1px solid #999;
	padding: 1px;
}

.EmbossBorder {
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fff;
	padding: 1px;
}

/* engraved borders... */
.EngraveOuter {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.EngraveInner {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* coupon container... */
.Coupon {border: 4px dashed #999;}

.Coupon h1 {
	text-align: center;
	margin: 0px 0px 5px;
}

/* member bar container... */
.Members {
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	padding: 2px 10px;
	color: #ccc;
}

.Members .Normal {
	font-size: 10px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #ccc;
}

.Members a, 
.Members a:link, 
.Members a:visited, 
.Members a:active {
	color: #e6e6e6;
	background-color: #600;
	padding: 2px 5px;
	text-decoration: none;
}

.Members a:hover {
	color: #fff;
	background-color: #f63;
	text-decoration: none;
}


