/******************************************************************
* Orange Sidebox Control
******************************************************************/
.bluebox, .purplebox, .orangebox, .yellowbox, .greybox
{
    margin-bottom: 10px;
    width: 245px;
}
.bluebox .header, .purplebox .header, .orangebox .header, .yellowbox .header, .greybox .header
{
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}
.greybox .header
{
    background: url('../controls/images/greybox-header.png') no-repeat top;
}
.bluebox .header
{
    background: url('../controls/images/bluebox-header.png') no-repeat top;
}
.purplebox .header
{
    background: url('../controls/images/purplebox-header.png') no-repeat top;
}
.orangebox .header
{
    background: url('../controls/images/orangbox-header.png') no-repeat top;
}
.yellowbox .header
{
    background: url('../controls/images/yellowbox-header.png') no-repeat top;
}
.bluebox .content, .purplebox .content, .orangebox .content, .yellowbox .content, .greybox .content
{
    background-position: 1px 0px;
    background: url('../controls/images/colorbox-content-background.png') repeat-y;
    padding: 10px 15px 5px;
    width: 215px;
}
.bluebox .content a, .purplebox .content a
{
    color: #333333;
}
.bluebox .content a:hover, .purplebox .content a:hover
{
    color: #669900;
    text-decoration: underline;
}

.bluebox .content p:first-child, .purplebox .content p:first-child, .orangebox .content p:first-child, .yellowbox .content p:first-child, .greybox p:first-child
{
    margin-top: 0px;
}
.bluebox .footer, .purplebox .footer, .orangebox .footer, .yellowbox .footer, .greybox .footer
{
    background: url('../controls/images/colorbox-footer.png') no-repeat bottom;
    height: 15px;
    margin: 0px -1px -1px -1px;
}

/******************************************************************
* Find A Program Button
******************************************************************/
#btnFindProgram
{
    margin: 0 0 10px;
    border: none;
}

/******************************************************************
* Blue Island Box Control
******************************************************************/
.blueIslandBox
{
    width: 274px;
    float: left;
}
.blueIslandBox .header
{
    height: 41px; /*line-height: 35px;*/
    background-image: url('../controls/images/bluebox-header-shadow.png');
    background-repeat: no-repeat;
    text-align: center;
}
.blueIslandBox h2
{
    padding: 8px 0 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
}
.blueIslandBox .content
{
    background-image: url('../controls/images/bluebox-bkg.png');
    background-repeat: repeat-y;
    padding: 10px 30px;
    font-size: 13px;
    height: 190px;
    color: #000000;
}
.blueIslandBox .content a, visited, active
{
    font-size: 13px;
    color: #333333;
}
.blueIslandBox .content a:hover
{
    color: #669900;
}
.blueIslandBox .content p
{
    margin: 0 auto 10px;
}
.blueIslandBox .content em
{
    color: #808080;
}
.blueIslandBox .link-list
{
    margin: 8px auto 10px 20px;
    padding: 0px;
}
.blueIslandBox .link-list li
{
    padding: 0;
    margin: 0;
    line-height: 20px;
}
.blueIslandBox .footer
{
    height: 10px;
    background-image: url('../controls/images/bluebox-footer.png');
    background-repeat: no-repeat;
}