/* 
================================
 Container Styles for DotNetNuke
================================
*/

.lightblue .Normal P, .bluearrow .Normal P
{
   padding: 4px 0 3px 0;
   line-height: 20px;
}


/* Base Container */

.mycontainer
{
   clear: right;
}

.solidblue
{
   width: 100%;
   background-color: #0066CC; /* #0083c6; */
}

.lightblue
{
   width: 100%;
   background-color: white;
}

/* Header Rows */

.lightblueheader
{
   width: 100%;
   background-color: #D0E6F7;
   height: 22px;
   line-height: 22px;
   vertical-align: middle;
   white-space: nowrap;
}

.noheader
{
   width: 100%;
   background-color: #D0E6F7;
   white-space: nowrap;
}

.myheader
{
   width: 100%;
   white-space: nowrap;
   vertical-align: middle;
}

.solidblueheader
{
   height: 23px;
   background-color: #0066CC; /*  #0083c6; */
}

.bluearrowheader
{
   height: 23px;
   padding-top: 7px;
   background-color: #0066CC; /*  #0083c6; */
}

.talllightblueheader
{
   height: 28px;
   line-height: 28px;
   background-color: #D0E6F7;
}

/* Title Text */

.whitetitle
{
   font-size: 13px;
   color: White;
   font-weight: bold;
   vertical-align: top;
}

.lightbluetitle
{
   font-size: 13px;
   color: #0066CC; /* #0083c6; */
   font-weight: bold;
   padding-left: 14px;
}

/* Content Text */

.normalcontent
{
   padding-top: 10px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 10px;
   vertical-align: top;
   text-align: left;
   font-size: 9px;
   line-height: 12px;
}

.contenttext, .contenttext A, .contenttext A:link, .content A:visited, .contenttext A:hover, .contenttext A:active
{
   padding-right: 7px;
   padding-bottom: 10px;
   color: White;
   font-size: 9px;
}


.lightbluecontent
{
   padding-top: 0px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 0px;
}
.lightbluecontent .Normal P
{
   padding-left: 7px;
   font-size: 9px;
}
.lightbluecontent .Normal A, .lightbluecontent .Normal A:link, .lightbluecontent .Normal A:visited, .lightbluecontent .Normal A:hover, .lightbluecontent .Normal A:active
{
   text-decoration: none;
   background-image: url(littlearrow.gif);
   background-position: 0 4px;
   background-repeat: no-repeat;
   padding-left: 16px;
   color: #8c8c8c;
}
.lightbluecontent .Normal A:hover, .lightbluecontent .Normal A:active
{
   text-decoration: underline;
}


.bluecontent
{
   padding-top: 5px;
   padding-left: 22px;
   padding-right: 17px;
   padding-bottom: 17px;
}
.bluecontent .Normal P
{
   padding-left: 7px;
   font-size: 10px;
   color: White;
}
.bluecontent .Normal A, .bluecontent .Normal A:link, .bluecontent .Normal A:visited, .bluecontent .Normal A:hover, .bluecontent .Normal A:active
{
   text-decoration: none;
   color: white;
}
.bluecontent .Normal A:hover, .bluecontent .Normal A:active
{
   text-decoration: underline;
}



.bluearrowcontent
{
   padding-top: 0px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 0px;
}
.bluearrowcontent .Normal P
{
   padding-left: 7px;
   font-size: 9px;
}
.bluearrowcontent .Normal A, .bluearrowcontent .Normal A:link, .bluearrowcontent .Normal A:visited, .bluearrowcontent .Normal A:hover, .bluearrowcontent .Normal A:active
{
   padding: 1px 2px 2px 20px;
   text-decoration: underline;
   background-image: url(bluearrow.gif);
   background-position: 0;
   background-repeat: no-repeat;
   color: #8c8c8c;
   font-weight: bold;
   line-height: 20px;
}
.bluearrowcontent .Normal A:hover, .bluearrowcontent .Normal A:active
{
   text-decoration: underline;
}


.solidbluecontent
{
   padding-top: 3px;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 7px;
}

.solidbluecontent A, .solidbluecontent A:link, .solidbluecontent A:visited, .solidbluecontent A:hover, .solidbluecontent A:active
{
   color: White;
   font-size: 13px;
   font-weight: bold;
   vertical-align: top;
   line-height: 18px;
   background-image: url(pinkarrow.gif);
   background-position: 0 0px;
   background-repeat: no-repeat;
   padding-left: 22px;
}

.solidbluecontent A:hover, .solidbluecontent A:active
{
   text-decoration: underline;
}

/* images */

.contructionbar
{
   width: 100%;
   background-image: url(constructionbar.jpg);
   background-repeat: repeat-x;
   height: 7px;
   float: left;
}

.arrow
{
   border: none;
   height: 15px;
   width: 15px;
}

.bottombar
{
   height: 7px;
   background-image: url(constructionbar.jpg);
   background-repeat: repeat-x;
}