/* 
================================
 Container Styles for DotNetNuke
================================
*/   


table.OuterTable
{
	margin: 10px 10px 10px 10px;

}


td.TopBottomPadding
{
	Height: 6px;
}

td.SidePadding
{
	width: 12px;
}

.GreyImage
{
	background-image: url(ContainerImages/GreyFill.gif);
	background-repeat: repeat-x;
}

.Title
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Tahoma, Arial, Helvetica; 
	padding-left: 5px;
	white-space:nowrap;
}

.Content
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	white-space: normal;
	
}

.Content TD
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	white-space: normal;
	
}


.TitleColored
{
	color: #ffffff; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Tahoma, Arial, Helvetica; 
	padding-left: 5px;
	white-space:nowrap;
}

.ContentColored
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	white-space: normal;
	
}

.ContentColored TD
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	white-space: normal;
	
}

.ContentGrey
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	
}

.ContentGrey2
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	padding-left: 15px;
	padding-right: 15px;
	
}


.ContentGrey TD
{
	color: #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	
}

.GreyFill
{
	background: url(/ContainerImages/GreyFill.gif);
	background-repeat: repeat-y;
}


.ContentPanex
{
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: top;
}

.FixedTable
{

    padding-top : 20px;
    padding-bottom : 10px;
	width: 125px;
	vertical-align: middle;
	background-color: Transparent;
}

.GrayText, .GrayText td
{
	background-color: Transparent;
	color:  #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Verdana,Tahoma, Arial, Helvetica;
}

.ContainerLayout
{
	width: 100%;

}

.GrayTopLeft
{
	background: transparent url(ContainerImages/GrayFillTopLeft.jpg) no-repeat top left;
    width: 2px;
}

.GrayTop
{
	background: transparent url(ContainerImages/GrayFillTop.jpg) repeat-x top left;
	width: 100%;

}

.GrayTopRight
{
	background: transparent url(ContainerImages/GrayFillTopRight.jpg) no-repeat top right;
	    width: 2px;
}

.GrayBottom
{
	background: url(ContainerImages/GrayFillBottom.jpg) repeat-x ;
	width: 100%;
}

.GrayBottomLeft
{
	background: url(ContainerImages/GrayFillBottomLeft.jpg) no-repeat top left;
	width: 2px;
}

.GrayLeft
{
	background: url(ContainerImages/GrayFillLeft.jpg) repeat-y top left;
	    width: 2px;
}

.GrayRight
{
	background: url(ContainerImages/GrayFillRight.jpg) repeat-y top left;
	width: 2px;
}


.GrayBottomRight
{
	background: url(ContainerImages/GrayFillBottomRight.jpg) no-repeat top right;
	width: 2px;
}

.GrayFillContent
{
	background: #f4f4f4 url(ContainerImages/GrayFill.jpg) repeat-x ;
	color:  #7b7b7b; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Verdana,Tahoma, Arial, Helvetica;
}

.BottomPadding
{
	padding-bottom: 20px;
}

.BlackTopLeft
{
	background: transparent url(ContainerImages/BlackFillTopLeft.png) no-repeat top left;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	width: 6px;

}

.BlackTopRight
{
	background: transparent url(ContainerImages/BlackFillTopRight.png) no-repeat top right;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	width: 6px;
}

.BlackFill, .BlackFill td
{
	background:  url(ContainerImages/BlackPixel.png) repeat ;
	color: #ffffff; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	width:100%;
}


.BlackFill2, .BlackFill2 td
{
	background:  url(ContainerImages/BlackPixel.png) repeat ;
	color: #ffffff; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	opacity: 0.74;
	filter: alpha(opacity = 80);
}


.BlackFillContent, .BlackFillContent td
{
	color: #ffffff; 
	font-size: 11px; 
	font-weight: normal; 
	font-family: Tahoma, Arial, Helvetica;
	opacity: 1;
	filter: alpha(opacity = 100);
}



.BlackBottomLeft
{
	background: url(ContainerImages/BlackFillBottomLeft.png) no-repeat top left;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	width: 6px;
}

.BlackBottomRight
{
	background: url(ContainerImages/BlackFillBottomRight.png) no-repeat top right;
    opacity: 0.8;
	filter: alpha(opacity = 80);
	width: 6px;
}

.GrayHeader,  .GrayHeader td
{
	background-color: Transparent;
	color: #7b7b7b;
	font-size: 14px; 
	font-weight: bold; 
	font-family: Verdana,Tahoma, Arial, Helvetica;
		white-space: nowrap;
}

.GrayHeader2, .GrayHeader2 td
{
	background-color: Transparent;
	color: #7b7b7b;
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana,Tahoma, Arial, Helvetica;
		white-space: nowrap;
}

.TitleRedHeader, .TitleRedHeader td
{
	color: #c50101; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleIceHeader, .TitleIceHeader td
{
	color: #29a8eb; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleOceanHeader, .TitleOceanHeader td
{
	color: #0c8acc; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleNavyHeader, .TitleNavyHeader td
{
	color: #082f66;  
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleBlueHeader, .TitleBlueHeader td
{
	color: #1871cc; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleDarkBlueHeader, .TitleDarkBlueHeader td
{
	color: #000046; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitlePurpleHeader, .TitlePurpleHeader td
{
	color: #5d219b; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleLilacHeader, .TitleLilacHeader td
{
	color: #cf5dd1; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleLimeHeader, .TitleLimeHeader td
{
	color: #6ead0a; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleGreenHeader, .TitleGreenHeader td
{
	color: #007f06;  
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleBlackHeader, .TitleBlackHeader td
{
	color: #000000; 
	font-size: 16px; 
	font-weight: bold; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleOrangeHeader, .TitleOrange td
{
	color: #f62e00;  
	font-size: 16px; 
	font-weight: bold; 
	font-family: Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.TitleWhiteHeader, .TitleWhite td
{
	color: #FFFFFF;  
	font-size: 16px; 
	font-weight: bold; 
	font-family: Tahoma, Arial, Helvetica; 
	white-space: nowrap;
}

.Dotted
{
 background: transparent url(ContainerImages/DottedLine.png) repeat-x top left;
}

.DottedWhite
{
 background: transparent url(ContainerImages/DottedLineWhite.png) repeat-x top left;
}

