/* 
=================================
 Container Styles for 18footer v2
=================================
*/   

/*Common to all Containers*/
.ContainerMaster
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   width: 100%;
   margin-top:20px;
}
.ContainerHeaderIcon
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   text-align: Left;
   height: 20px;
}
.ContainerHeaderIcon img
{
   height: 20px;
}
.ContainerHeaderButton
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   vertical-Align: middle;
   text-align: Right;
}

/*Content container (left area)*/
.ContentContainerArea
{
   padding-left:35px;
}
.ContentContainerHeader, .ContentContainerHeader .Head
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   width= 100%;
   vertical-Align: middle;  
   text-align: Left;
   font-family:Arial, Helvetica, sans-serif; 
   font-size:16px;
   color:#000033; 
   font-variant:small-caps;  
   text-transform: capitalize;
   letter-spacing:2px; 
   word-spacing: 3px; 
   font-weight:600;
}
.ContentContainerHeaderMenu
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   text-align: Left;
   width: 32px;
   background-image:url(DarkArrow.gif);
   background-repeat:no-repeat;
}


/*Right Area container*/
.RightContainerHeader
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   width=100%;
   vertical-Align: middle;   
   text-align: Left;
}
.RightContainerHeader .Head
{
   font-family:Arial, Helvetica, sans-serif; 
   font-size:12px;
   color:#000033; 
   font-variant:small-caps;  
   text-transform: capitalize;
   letter-spacing:1px; 
   word-spacing: 2px; 
   font-weight:600;
}
.RightContainerHeaderMenu
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   text-align: Left;
   width: 15px;
   background-image:url(LightArrow.gif);
   background-repeat:no-repeat;
}
.RightContainerArea
{
   padding-left:20px;
}

/*SubContainer (for nested modules*/
.SubContainerHeader
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   width=100%;
   vertical-Align: middle;   
   text-align: Left;
}
.SubContainerHeader .Head
{
   font-size:11pt;
   color:#333333;
   font-weight:bold;
   font-family:Arial, Verdana;
   font-style:italic;
}
.SubContainerHeaderMenu
{
   border-right: none;
   border-top: none;
   border-left: none;
   border-bottom: none;
   text-align: Left;
}
.ContentSubContainerArea
{
   padding-left:5px;
}

