﻿/*---------------------------------------------
Created by: J C
Date: Jan 31, 2010
CSS Name: SiteMasterSlides.css
CSS theme: 
----------------------------------------------*/
/*--------------------------------------------------------------------------
SLIDES STYLES
---------------------------------------------------------------------------*/


.article-bucket
{
    clear: both;
    width: 760px;
    height: 250px;
    margin-bottom: 1px;
    position: relative;
    margin: 0;
    padding: 0; /* width: 758px;     height: 250px;          margin-left: 0px;     margin-bottom: 5px;     margin-right: -5px;     margin-top: -5px;     display:block;*/
}

.page-ad
{
    max-width: 300px;
    max-height: 250px;
    float: right;
    overflow: auto;
}
.page-ad ul li
{
    text-decoration: none;
    list-style: none;
}


#slideshow1
{
    width: 456px; /*  border: 1px solid  #CCCCCC; */
    float: left;
    margin: 0;
    padding: 0;
}

#slideshow1 ul
{
    display: block;
    float: left;
    margin: 0;
    padding: 0; /*   border: 1px solid #999999;*/
    height: 250px;
    width: 224px;
    font-size: 95%;
}
#slideshow1 ul li
{
    text-decoration: none;
    list-style: none; /* margin-left: -40px;*/
    padding: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    width: 224px;
    height: 49px;
}
#slideshow1 ul li a:link, #slideshow1 ul li a:visited
{
    text-decoration: none;
    list-style: none;
    display: block;
    overflow: hidden;
    color: #CCCCCC;
}
#slideshow1 ul li a:hover, #slideshow1 ul li a:active
{
    background-position: url(/Content/images/Css1/bg_small_blue2.png) repeat-x;
    color: #CC3399;
    background: none;
    text-decoration: none;
    background: url(/Content/images/Css1/bg_small_blue2.png) repeat-x;
    width: 224px;
}
#slideshow1 ul li.ui-tabs-selected a
{
    text-decoration: none;
    background: url(/Content/images/Css1/bg_small_blue2.png) repeat-x;
    width: 224px;
    color: #CC0099;
}
#slideshow1 a.ui-tabs-hide
{
    display: none;
}
#slideshow1 a.slide
{
    overflow: hidden;
    float: left;
    text-decoration: none;
    list-style: none;
    width: 226px;
    height: 250px;
    padding: 2px;
}
#slideshow1 ul li.first a
{
    border-top: none;
}
.slide
{
    width: 226px;
    height: 250px;
    margin: 0;
    padding: 0;
    float: left;
    color: #CCCCCC;
}

/* slide 2 - blog list */

#slideshow2
{
    width: 456px;
    height: 250px;
    float: left;
    margin: 0;
    padding: 0;
}

#slideshow2 ul
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #999999;
    width: 224px;
    height: 250px;
    font-size: 101%;
}
#slideshow2 ul li
{
    text-decoration: none;
    list-style: none; /* margin-left: -40px;*/
    padding: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
}
#slideshow2 ul li a:link, #slideshow2 ul li a:visited
{
    /* color: #003366;*/
    text-decoration: none;
    width: 224px;
    height: 49px;
    display: block;
    overflow: hidden; /* background: url(images/bg/bg_small_blue2m.png) repeat-x;*/
}
#slideshow2 ul li a:hover, #slideshow2 ul li a:active
{
    color: #CC00FF;
    background: none;
    text-decoration: none;
    background: url(/Content/images/Css1/bg_small_blue2.png) repeat-x;
    width: 224px;
}
#slideshow2 ul li.ui-tabs-selected a
{
    text-decoration: none;
    background: url(/Content/images/Css1/bg_small_blue2.png) repeat-x;
    width: 224px;
    color: #CC00FF;
}
#slideshow2 a.ui-tabs-hide
{
    display: none;
}
#slideshow2 a.slide
{
    overflow: hidden;
    float: left;
    text-decoration: none;
    list-style: none;
    width: 226px;
    height: 250px;
    padding: 2px;
}
#slideshow2 ul li.first a
{
    border-top: none;
}

/* SLIDE SHOW 3 */
#slideshow3
{
    float: left;
    margin: 0;
    width: 480px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

#slideshow3 ul
{
    margin: 0 2px;
    padding: 0; /*   border: 1px solid #999999;*/
    height: 248px;
    width: 214px;
}
#slideshow3 ul li
{
    border: 1px outset #EFEFEF;
    text-decoration: none;
    list-style: none; /* margin-left: -40px;*/
    margin:0px;
    padding: 0px;
    width: 214px;
}
#slideshow3 ul li a:link, #slideshow3 ul li a:visited
{
    width: 214px;
    height: 48px;
    text-decoration: none;
    list-style: none;
    display: block;
    overflow: hidden;
}
#slideshow3 ul li a:hover, #slideshow3 ul li a:active
{
    background-position: url(/Content/images/Css1/bluetest.png) repeat-x;
    color: #003300;
    text-decoration: none;
    background: url(/Content/images/Css1/bluetest.png) repeat-x;
    width: 214px;
}
#slideshow3 ul li.ui-tabs-selected a
{
    text-decoration: none;
    background: url(/Content/images/Css1/bg_small_blue2.png) repeat-x;
    width: 214px;
    color: #003300;
}
#slideshow3 a.ui-tabs-hide
{
    display: none;
}

#slideshow3 ul li.first a
{
    border-top: none;
}
#slideshow3 a.slide3_content
{
    overflow: hidden;
    text-decoration: none;
    list-style: none;
    width: 260px;
    height: 250px;
    margin: 0;
    padding: 0;
}
.slide3_content
{
    height: 250px;   
    float:left;
}
.slide3
{
    width: 260px;
    height: 248px;
    margin: 0;
    padding: 0; /* background-color: #808080;*/
    overflow: hidden;
    background: url(/content/images/Css1/bg-blk1_f1.png) repeat;
}

.slide-li-container
{
    width: 214px;
    height: 48px;
    margin: 0px;
    padding: 0px;
}

.slide-li-thumbnail
{
    width: 55px;
    height: 48px;
    float: left;
    margin-right: 2px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.slide-li-thumbnail img
{
    width: 55px;
    height: 46px;
    border-style: none;
}

.slide-li-content
{
    margin: 2px;
    text-align: left;
    float: left;
    width: 152px;
    font-size: 96%;
}

/* DISPLAY LIST */

.slide-display-container
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    width: 260px;
    height: 250px;
}
.slide-display-media
{
    max-height: 180px;
    max-width: 260px;
    text-align: center;
    vertical-align: middle;
}
.slide-display-media img
{
    max-height: 180px;
    max-width: 260px;
    border-style: none;
}

.slide-display-content
{
    margin: 2px;
    text-align: left;
    padding: 2px;
}

/* SLIDE SHOW MEMBER INFO MENU */

#memberslideshow
{
    margin: 0;
    padding: 0;
}

#memberslideshow ul
{
    background: url(/content/images/Css1/bg-blk1_stb1.png) repeat-x;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.55em 0 0.60em 0;
    margin: 0;
    width: 100%; /* padding-left: 0.65em;    margin-left: -0.65em;*/
}
#memberslideshow li
{
    padding-top: 0.55em;
    padding-left: .55em;
    padding-right: .55em;
    padding-bottom: .48em; /*margin-left: -0.4em;*/
    border-width: thin;
    border-color: #FFFFFF;
    text-decoration: none;
    list-style: none;
    display: inline;
    border-right-style: solid;
}
#memberslideshow li
{
    display: inline; /* ie6 double float margin bug */
}
#memberslideshow li, #memberslideshow li a
{
    text-decoration: none;
    height: 1.38em;
    color: #0000FF;
    font-weight: bold;
}


#memberslideshow ul li:hover, #memberslideshow ul li.active, #memberslideshow ul li.ui-tabs-selected, #memberslideshow ul li.ui-tabs-selected a
{
    text-decoration: none;
    background: url(/content/images/Css1/bg-blk1_f1.png) repeat;
    color: #FFFFFF;
}

#memberslideshow ul li:focus, #memberslideshow ul li:active, #memberslideshow ul li a:focus, #memberslideshow ul li a:active
{
    outline-style: none;
    color: #FFFFFF;
}

#memberslideshow .slidecontent1
{
    clear: both;
    margin-top: -0.60em;
    padding-top: 0.63em;
    padding-bottom: 0.63em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    overflow: hidden;
}
#memberslideshow div h3
{
    text-transform: uppercase;
    letter-spacing: 1px;
}

#memberslideshow p
{
    margin: 0;
    padding: 1px;
}

#memberslideshow .ui-tabs-hide
{
    display: none;
}
#memberslideshow img
{
    width: 216px;
}


/* use in Blog list, newlist, etc */
.pageitem-container
{
    color: #000066;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0;
}
.pageitem-container ul
{
    margin: 0px 1px 5px 1px;
    padding: 0;
}
.pageitem-container li
{
    text-decoration: none;
    list-style: none;
    max-height: 90px;
    border: 1px solid #FFFFFF;
}

.pageitem-container li:hover
{
    text-decoration: none;
    background-color: #666666;
}


/* LARGE LIST */

.list-container
{
    border: 1px solid #CCCCCC;
    height: 58px;
    margin: 0px 0px 2px 0px;
    padding:  3px 2px 3px 2px;

}
.list-container-shorter
{
    border: 1px solid #CCCCCC;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 2px;
 }
.gray
{
    background-color: #F5F5F5;
}
.lightgreen
{
 background-color: #E8FFE8;
}


.list-thumbnail
{
    width: 55px;
    max-height: 60px;
    float: left;
    margin:  2px 2px 1px 2px;
}
.list-thumbnail img
{
    width: 55px;
    border-style: none;
}
.list-title
{
 font-weight:bold;   
}
.list-content
{
    text-align: left;
}
